/* =========================================
   XELOR — INLINE UTILS (GLOBAL, UNIFIED)
   Purpose: Lossless replacement for formerly-inline styles.
   Status: CLEANED & FIXED
   ========================================= */

/* --- Small, named modifiers --- */
.x-header-inner.x-header-inner--narrow { max-width: 1140px; }
.x-header-cta--tight { padding: 11px 26px; font-size: .8rem; letter-spacing: .05em; }
.x-bridge-wrap--mb90 { margin-bottom: 90px; }
.x-bridge-btn { padding: 10px 24px; font-size: .85rem; height: auto; min-height: 0; }

/* --- Utility classes (Legacy u-inl) --- */
.u-inl-001 { color: var(--x-gold) !important; }
.u-inl-002 { display: flex !important; gap: 10px !important; }
.u-inl-003 { font-size: 0.9rem !important; color: var(--x-muted) !important; }
.u-inl-004 { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.u-inl-005 { font-size: 0.75rem !important; text-transform: uppercase !important; font-weight: 800 !important; color: var(--x-muted) !important; margin-bottom: 8px !important; display: block !important; letter-spacing: 0.05em !important; }
.u-inl-006 { color: #fff !important; }
.u-inl-007 { background: rgba(0,0,0,0.4) !important; border-color: rgba(255,255,255,0.15) !important; padding: 16px !important; transition: 0.3s !important; }
.u-inl-008 { color: var(--x-gold) !important; font-weight: 900 !important; font-size: 1.2rem !important; }
.u-inl-009 { display: block !important; font-size: 0.7rem !important; text-transform: uppercase !important; color: rgba(255,255,255,0.4) !important; letter-spacing: 0.1em !important; font-weight: 700 !important; }
.u-inl-010 { display: flex !important; gap: 12px !important; align-items: flex-start !important; }
.u-inl-011 { display: flex !important; justify-content: space-between !important; align-items: start !important; margin-bottom: 20px !important; }
.u-inl-012 { font-size: 0.8rem !important; color: var(--x-gold) !important; }
.u-inl-013 { font-size: 0.95rem !important; opacity: 0.75 !important; margin: 0 !important; }
.u-inl-014 { font-size: 0.9rem !important; color: rgba(255,255,255,0.7) !important; margin-bottom: 20px !important; line-height: 1.6 !important; }
.u-inl-015 { font-size: 1.25rem !important; }
.u-inl-016 { font-size: 2rem !important; }
.u-inl-017 { font-size: 2rem !important; margin-right: 15px !important; }
.u-inl-018 { margin: 0 0 15px !important; font-size: 1.25rem !important; }
.u-inl-019 { margin: 0 !important; color: #fff !important; font-size: 1rem !important; }
.u-inl-020 { margin: 0 !important; padding: 0 !important; list-style: none !important; line-height: 1.8 !important; font-size: 0.95rem !important; color: rgba(255,255,255,0.9) !important; }
.u-inl-021 { position: relative !important; z-index: 1 !important; }
.u-inl-022 { text-decoration: none !important; align-items: center !important; }
.u-inl-023 { transition: transform 0.3s ease !important; }
.u-inl-024 { width: 50px !important; height: 50px !important; border-radius: 50% !important; background: rgba(212,175,55,0.1) !important; border: 1px solid rgba(212,175,55,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 20px !important; color: var(--x-gold) !important; font-size: 1.2rem !important; font-weight: 800 !important; }
.u-inl-025 { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 12px !important; padding: 20px !important; backdrop-filter: blur(5px) !important; }
.u-inl-026 { background: rgba(0,0,0,0.4) !important; border-color: rgba(255,255,255,0.15) !important; padding: 16px !important; }
.u-inl-027 { border: 1px solid rgba(255,255,255,0.3) !important; color: #fff !important; padding: 6px 14px !important; border-radius: 50px !important; font-size: 0.8rem !important; font-weight: 700 !important; }
.u-inl-028 { color: var(--x-gold) !important; font-weight: 900 !important; font-size: 0.8rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin-bottom: 5px !important; }
.u-inl-029 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; margin-bottom: 20px !important; }
.u-inl-030 { font-size: .72rem !important; letter-spacing: .16em !important; text-transform: uppercase !important; font-weight: 800 !important; color: var(--x-muted) !important; margin-bottom: 10px !important; }
.u-inl-031 { font-size: 0.7rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--x-gold) !important; border: 1px solid var(--x-gold) !important; padding: 4px 8px !important; border-radius: 4px !important; }
.u-inl-032 { font-size: 0.8rem !important; color: rgba(255,255,255,0.6) !important; }
.u-inl-033 { font-size: 0.95rem !important; }
.u-inl-034 { font-size: 1.1rem !important; font-weight: 700 !important; color: #fff !important; }
.u-inl-035 { margin-bottom: 12px !important; }
.u-inl-036 { object-position: center 30% !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.u-inl-037 { padding: 35px !important; height: 100% !important; }
.u-inl-038 { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
.u-inl-039 { position: relative !important; z-index: 2 !important; width: 100% !important; }
.u-inl-040 { width: 100% !important; justify-content: center !important; }
.u-inl-041 { width: 36px !important; height: 36px !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 50% !important; display: grid !important; place-items: center !important; color: #fff !important; text-decoration: none !important; }
.u-inl-center-mt34 { text-align: center !important; margin-top: 34px !important; }
.u-inl-fs09op8 { font-size: .9rem !important; opacity: .8 !important; }
.u-inl-fs16mb10 { font-size: 1.6rem !important; margin-bottom: 10px !important; }
.u-inl-goldblk5 { color: var(--x-gold) !important; display: block !important; margin-bottom: 5px !important; }
.u-inl-max78 { margin: 0 auto !important; max-width: 78ch !important; }
.u-inl-mb10 { margin: 0 0 10px !important; }
.u-inl-mb15 { margin-bottom: 15px !important; }
.u-inl-mb20 { margin-bottom: 20px !important; }
.u-inl-mb40 { margin-bottom: 40px !important; }
.u-inl-mb5 { margin-bottom: 5px !important; }
.u-inl-muted085-60 { font-size: .85em !important; opacity: .6 !important; font-weight: 400 !important; }
.u-inl-muted085-70 { font-size: .85em !important; opacity: .7 !important; }
.u-inl-p0fs098 { margin: 0 !important; font-size: .98rem !important; }
.u-inl-p0lh175 { margin: 0 !important; color: rgba(255,255,255,.78) !important; line-height: 1.75 !important; }
.u-inl-pad18 { padding: 18px !important; }
.u-inl-pad30 { padding: 30px !important; }
.u-inl-panel15 { background: rgba(255,255,255,.05) !important; padding: 15px !important; border-radius: 12px !important; }
.u-inl-rel { position: relative !important; }
.u-inl-strongblk6 { color: #fff !important; display: block !important; margin-bottom: 6px !important; }
.u-inl-text095 { color: rgba(255,255,255,.78) !important; font-size: .95rem !important; }

/* --- Sommerfest Utilities (Legacy u-sf) --- */
.u-sf-0001 { color: var(--x-gold) !important; }
.u-sf-0002 { font-size: 0.7rem !important; text-transform: uppercase !important; font-weight: 800 !important; color: var(--x-muted) !important; margin-bottom: 5px !important; display: block !important; }
.u-sf-0003 { font-size: 0.85rem !important; opacity: 0.7 !important; margin: 0 !important; }
.u-sf-0004 { font-weight: 700 !important; color: #fff !important; text-transform: uppercase !important; font-size: 0.85rem !important; margin-bottom: 8px !important; }
.u-sf-0005 { padding: 30px !important; }
.u-sf-0006 { background: rgba(255,255,255,0.03) !important; padding: 20px !important; border-radius: 12px !important; border-top: 1px solid var(--x-gold) !important; }
.u-sf-0007 { color: var(--x-gold) !important; font-weight: 800 !important; font-size: 1.2rem !important; margin-bottom: 5px !important; }
.u-sf-0008 { font-size: 0.95rem !important; opacity: 0.8 !important; margin: 0 !important; }
.u-sf-0009 { font-size: 0.9rem !important; color: var(--x-muted) !important; }
.u-sf-0010 { font-size: 1.1rem !important; margin-bottom: 10px !important; }
.u-sf-0011 { font-size: 1.5rem !important; margin-bottom: 15px !important; color: var(--x-gold) !important; }
.u-sf-0012 { margin-bottom: 6px !important; }
.u-sf-0013 { position: relative !important; }
.u-sf-0014 { background: rgba(0,0,0,0.4) !important; border-color: rgba(212,175,55,0.4) !important; color: rgba(255,255,255,0.95) !important; backdrop-filter: blur(4px) !important; }
.u-sf-0015 { background: rgba(0,0,0,0.4) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 12px !important; padding: 15px !important; backdrop-filter: blur(5px) !important; }
.u-sf-0016 { color: #fff !important; font-size: 1.3rem !important; margin-bottom: 10px !important; }
.u-sf-0017 { color: var(--x-gold) !important; font-weight: 900 !important; margin-bottom: 5px !important; }
.u-sf-0018 { display: block !important; font-size: 0.75rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.5) !important; margin-bottom: 15px !important; }
.u-sf-0019 { font-size: 0.85rem !important; color: rgba(255,255,255,0.8) !important; }
.u-sf-0020 { font-size: 0.95rem !important; }
.u-sf-0021 { font-size: 1.5rem !important; margin-bottom: 14px !important; }
.u-sf-0022 { margin-bottom: 12px !important; }
.u-sf-0023 { margin-bottom: 15px !important; }
.u-sf-0024 { margin: 0 0 10px !important; font-size: 1.1rem !important; }
.u-sf-0025 { opacity: 0.85 !important; line-height: 1.7 !important; margin: 0 !important; font-size: 1.05rem !important; }
.u-sf-0026 { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
.u-sf-0027 { position: relative !important; z-index: 1 !important; }
.u-sf-0028 { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 35% !important; }
.u-sf-0029 { width: 36px !important; height: 36px !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 50% !important; display: grid !important; place-items: center !important; color: #fff !important; text-decoration: none !important; }
.u-sf-0030 { align-items: center !important; gap: 80px !important; }
.u-sf-0031 { align-items: start !important; }
.u-sf-0032 { background: rgba(255,255,255,0.03) !important; padding: 20px !important; border-radius: 12px !important; border-top: 1px solid rgba(255,255,255,0.3) !important; }
.u-sf-0033 { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 50px !important; color: #fff !important; padding: 8px 16px !important; font-family: inherit !important; font-size: 0.9rem !important; color-scheme: dark !important; outline: none !important; max-width: 160px !important; }
.u-sf-0034 { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 50px !important; color: #fff !important; padding: 8px 16px !important; font-family: inherit !important; font-size: 0.9rem !important; outline: none !important; width: 90px !important; }
.u-sf-0035 { background: rgba(255,255,255,0.05) !important; padding: 20px !important; border-radius: 12px !important; margin-top: 30px !important; }
.u-sf-0036 { border-top: 1px solid rgba(255,255,255,0.08) !important; margin-top: 60px !important; padding-top: 25px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; gap: 20px !important; }
.u-sf-0037 { color: #fff !important; }
.u-sf-0038 { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; text-decoration: none !important; }
.u-sf-0039 { color: #fff !important; font-size: 1.1rem !important; font-weight: 700 !important; line-height: 1.3 !important; }
.u-sf-0040 { color: #fff !important; font-size: 1.1rem !important; margin: 0 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.u-sf-0041 { color: #fff !important; font-size: 1.5rem !important; }
.u-sf-0042 { color: #fff !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; text-decoration: none !important; }
.u-sf-0043 { color: #fff !important; opacity: 1 !important; }
.u-sf-0044 { color: rgba(255,255,255,0.5) !important; font-weight: 800 !important; font-size: 1.2rem !important; margin-bottom: 5px !important; }
.u-sf-0045 { color: rgba(255,255,255,0.6) !important; font-size: 0.95rem !important; line-height: 1.7 !important; margin-bottom: 25px !important; }
.u-sf-0046 { color: rgba(255,255,255,0.70) !important; font-size: 0.9rem !important; }
.u-sf-0047 { color: rgba(255,255,255,0.8) !important; text-decoration: none !important; }
.u-sf-0048 { color: rgba(255,255,255,0.9) !important; font-size: 0.85rem !important; font-weight: 700 !important; }
.u-sf-0049 { color: rgba(255,255,255,0.9) !important; font-size: 1.05rem !important; margin-bottom: 28px !important; line-height: 1.7 !important; }
.u-sf-0050 { color: transparent !important; -webkit-text-stroke: 1px rgba(255,255,255,0.8) !important; }
.u-sf-0051 { color: var(--x-gold) !important; font-size: 0.75rem !important; font-weight: 800 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; display: block !important; margin-bottom: 5px !important; }
.u-sf-0052 { color: var(--x-gold) !important; font-weight: 800 !important; font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; }
.u-sf-0053 { color: var(--x-gold) !important; font-weight: 800 !important; font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; display: block !important; margin-bottom: 8px !important; }
.u-sf-0054 { color: var(--x-gold) !important; font-weight: 900 !important; }
.u-sf-0055 { color: var(--x-gold) !important; font-weight: 900 !important; font-size: 0.75rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }
.u-sf-0056 { color: var(--x-muted) !important; font-size: 1.15rem !important; line-height: 1.6 !important; }
.u-sf-0057 { display: block !important; font-size: 0.75rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--x-gold) !important; margin-bottom: 15px !important; }
.u-sf-0058 { display: block !important; font-size: 0.7rem !important; text-transform: uppercase !important; color: var(--x-gold) !important; margin-bottom: 10px !important; font-weight: 800 !important; letter-spacing: 0.1em !important; }
.u-sf-0059 { display: flex !important; align-items: center !important; gap: 10px !important; }
.u-sf-0060 { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 10px !important; }
.u-sf-0061 { display: flex !important; align-items: center !important; gap: 12px !important; }
.u-sf-0062 { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 22px !important; }
.u-sf-0063 { display: flex !important; align-items: center !important; gap: 15px !important; flex-grow: 1 !important; }
.u-sf-0064 { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 16px !important; padding: 16px 18px !important; border-radius: 18px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 20px 70px rgba(0,0,0,0.35) !important; }
.u-sf-0065 { display: flex !important; gap: 10px !important; margin-bottom: 25px !important; flex-wrap: wrap !important; justify-content: center !important; }
.u-sf-0066 { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }
.u-sf-0067 { display: flex !important; gap: 15px !important; }
.u-sf-0068 { display: flex !important; gap: 15px !important; flex-wrap: wrap !important; justify-content: center !important; }
.u-sf-0069 { display: flex !important; gap: 15px !important; justify-content: center !important; flex-wrap: wrap !important; margin-top: 35px !important; }
.u-sf-0070 { display: grid !important; gap: 5px !important; }
.u-sf-0071 { display: grid !important; grid-template-columns: 1.2fr .8fr !important; gap: 28px !important; align-items: end !important; margin-bottom: 34px !important; }
.u-sf-0072 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; margin-bottom: 30px !important; }
.u-sf-0073 { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important; gap: 20px !important; }
.u-sf-0074 { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)) !important; gap: 24px !important; }
.u-sf-0075 { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)) !important; gap: 24px !important; }
.u-sf-0076 { display: inline-block !important; margin-top: 10px !important; color: var(--x-gold) !important; font-weight: 800 !important; }
.u-sf-0077 { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 8px 16px !important; border-radius: 999px !important; background: rgba(212,175,55,0.15) !important; border: 1px solid rgba(212,175,55,0.3) !important; backdrop-filter: blur(10px) !important; margin-bottom: 20px !important; }
.u-sf-0078 { flex-grow: 1 !important; }
.u-sf-0079 { flex-shrink: 0 !important; }
.u-sf-0080 { flex: 1 1 400px !important; }
.u-sf-0081 { font-family: var(--x-font-head) !important; font-size: 1.8rem !important; font-weight: 900 !important; color: #fff !important; display: block !important; margin-bottom: 15px !important; }
.u-sf-0082 { font-size: .72rem !important; letter-spacing: .16em !important; text-transform: uppercase !important; font-weight: 800 !important; color: rgba(255,255,255,.7) !important; margin-bottom: 10px !important; }
.u-sf-0083 { font-size: 0.7rem !important; color: var(--x-gold) !important; opacity: 0.9 !important; }
.u-sf-0084 { font-size: 0.8rem !important; color: rgba(255,255,255,0.25) !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }
.u-sf-0085 { font-size: 0.8rem !important; color: rgba(255,255,255,0.4) !important; }
.u-sf-0086 { font-size: 0.8rem !important; color: var(--x-gold) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; white-space: nowrap !important; }
.u-sf-0087 { font-size: 0.9rem !important; margin-bottom: 10px !important; }
.u-sf-0088 { font-size: 1.1rem !important; color: #fff !important; font-weight: 700 !important; text-decoration: none !important; }
.u-sf-0089 { font-size: 1.1rem !important; line-height: 1.7 !important; color: rgba(255,255,255,0.9) !important; margin-bottom: 30px !important; text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important; }
.u-sf-0090 { font-size: 1.2rem !important; }
.u-sf-0091 { font-size: clamp(2.5rem,5vw,4.2rem) !important; margin: 0 0 20px !important; line-height: 1.05 !important; text-shadow: 0 4px 30px rgba(0,0,0,0.8) !important; }
.u-sf-0092 { font-size: clamp(2.5rem,5vw,4rem) !important; text-transform: uppercase !important; }
.u-sf-0093 { font-weight: 800 !important; color: #fff !important; }
.u-sf-0094 { font-weight: 800 !important; color: #fff !important; font-size: 0.85rem !important; line-height: 1.2 !important; }
.u-sf-0095 { font-weight: 800 !important; font-size: 1.1rem !important; }
.u-sf-0096 { font-weight: 800 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-size: 0.8rem !important; display: block !important; margin-bottom: 15px !important; }
.u-sf-0097 { font-weight: 900 !important; color: #fff !important; font-size: 1.05rem !important; white-space: nowrap !important; }
.u-sf-0098 { gap: 10px !important; }
.u-sf-0099 { height: 1px !important; width: 30px !important; background: var(--x-gold) !important; }
.u-sf-0100 { line-height: 1.25 !important; text-align: right !important; }
.u-sf-0101 { margin-bottom: 40px !important; }
.u-sf-0102 { margin-bottom: 45px !important; padding-left: 25px !important; border-left: 2px solid rgba(255,255,255,0.1) !important; }
.u-sf-0103 { margin-bottom: 45px !important; padding-left: 25px !important; border-left: 2px solid var(--x-gold) !important; }
.u-sf-0104 { margin-bottom: 45px !important; padding: 20px !important; background: linear-gradient(135deg,rgba(212,175,55,0.1),rgba(0,0,0,0)) !important; border: 1px solid rgba(212,175,55,0.3) !important; border-radius: 16px !important; }
.u-sf-0105 { margin-left: auto !important; margin-right: 30px !important; gap: 28px !important; }
.u-sf-0106 { margin-top: -40px !important; position: relative !important; z-index: 10 !important; margin-bottom: 90px !important; }
.u-sf-0107 { margin-top: 0 !important; font-size: clamp(2rem,3.5vw,3rem) !important; line-height: 1.1 !important; margin-bottom: 20px !important; color: #fff !important; }
.u-sf-0108 { margin-top: 15px !important; }
.u-sf-0109 { margin-top: 20px !important; }
.u-sf-0110 { margin-top: 24px !important; background: rgba(212,175,55,0.08) !important; border: 1px solid rgba(212,175,55,0.25) !important; border-radius: 16px !important; padding: 35px !important; display: flex !important; gap: 40px !important; align-items: center !important; flex-wrap: wrap !important; }
.u-sf-0111 { margin-top: 25px !important; margin-bottom: 30px !important; padding: 20px !important; background: rgba(255,255,255,0.05) !important; border-radius: 12px !important; border-left: 2px solid var(--x-gold) !important; }
.u-sf-0112 { margin-top: 50px !important; padding-left: 25px !important; }
.u-sf-0113 { margin: 0 0 10px !important; font-size: 1.4rem !important; color: #fff !important; }
.u-sf-0114 { margin: 0 !important; color: rgba(255,255,255,0.70) !important; font-size: 1.05rem !important; max-width: 70ch !important; }
.u-sf-0115 { margin: 0 !important; opacity: 0.9 !important; font-size: 1rem !important; }
.u-sf-0116 { margin: 0 !important; opacity: 0.9 !important; line-height: 1.7 !important; }
.u-sf-0117 { margin: 0 !important; padding-left: 18px !important; line-height: 1.75 !important; opacity: 0.9 !important; }
.u-sf-0118 { margin: 0 !important; padding: 0 !important; list-style: none !important; font-size: 0.9rem !important; color: rgba(255,255,255,0.85) !important; line-height: 1.6 !important; }
.u-sf-0119 { max-width: 1140px !important; }
.u-sf-0120 { max-width: 520px !important; padding: 45px !important; border-radius: 24px; background: rgba(5,6,9,0.8) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255,255,255,0.1) !important; box-shadow: 0 30px 90px rgba(0,0,0,0.6) !important; margin-right: 2% !important; margin-bottom: 5% !important; }
.u-sf-0121 { max-width: 680px !important; padding: 40px 0 !important; }
.u-sf-0122 { max-width: 850px !important; margin: 0 auto 30px !important; }
.u-sf-0123 { max-width: 880px !important; margin: 0 auto !important; background: rgba(20,26,40,0.85) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255,255,255,0.15) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important; border-radius: 100px !important; padding: 12px 40px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; flex-wrap: wrap !important; }
.u-sf-0124 { min-width: 220px !important; box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important; }
.u-sf-0125 { opacity: 0.9 !important; line-height: 1.6 !important; margin: 0 !important; font-size: 0.95rem !important; color: #fff !important; }
.u-sf-0126 { padding-bottom: 0 !important; }
.u-sf-0127 { padding: 0 !important; position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; min-height: 80vh !important; }
.u-sf-0128 { padding: 0 !important; position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; min-height: 85vh !important; margin-top: -1px !important; border-top: none !important; }
.u-sf-0129 { padding: 10px 14px !important; font-size: 1.2rem !important; border-color: rgba(255,255,255,0.3) !important; }
.u-sf-0130 { padding: 10px 20px !important; font-size: 0.8rem !important; }
.u-sf-0131 { padding: 10px 24px !important; font-size: 0.85rem !important; height: auto !important; min-height: 0 !important; }
.u-sf-0132 { padding: 11px 26px !important; font-size: 0.8rem !important; letter-spacing: 0.05em !important; }
.u-sf-0133 { padding: 16px 32px !important; font-size: 0.9rem !important; }
.u-sf-0134 { padding: 30px !important; border-color: rgba(212,175,55,0.3) !important; background: linear-gradient(180deg,rgba(212,175,55,0.05),rgba(0,0,0,0.2)) border-box !important; }
.u-sf-0135 { position: absolute !important; bottom: 30px !important; left: 30px !important; right: 30px !important; }
.u-sf-0136 { position: absolute !important; inset: 0 !important; background: linear-gradient(90deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.6) 35%,rgba(0,0,0,0.1) 65%) !important; pointer-events: none !important; }
.u-sf-0137 { position: absolute !important; inset: 0 !important; background: linear-gradient(to bottom,rgba(5,6,9,0.95) 0%,rgba(5,6,9,0.5) 25%,rgba(5,6,9,0.0) 45%,rgba(5,6,9,0.0) 70%,rgba(5,6,9,0.7) 100% ) !important; pointer-events: none !important; }
.u-sf-0138 { position: absolute !important; inset: 0 !important; background: linear-gradient(to bottom,transparent 50%,rgba(5,6,10,0.95) 100%) !important; pointer-events: none !important; }
.u-sf-0139 { position: absolute !important; inset: 0 !important; background: radial-gradient(circle at 50% 0%,rgba(212,175,55,0.03),transparent 60%) !important; pointer-events: none !important; }
.u-sf-0140 { position: absolute !important; inset: 0 !important; background: radial-gradient(circle at 50% 0%,rgba(212,175,55,0.05),transparent 50%) !important; pointer-events: none !important; }
.u-sf-0141 { position: absolute !important; inset: 0 !important; background: radial-gradient(circle,rgba(11,15,25,0) 45%,rgba(11,15,25,0.4) 85%,rgba(11,15,25,0.9) 100%) !important; pointer-events: none !important; }
.u-sf-0142 { position: absolute !important; inset: auto 0 0 0 !important; height: 55% !important; background: linear-gradient(to top,rgba(7,8,11,0.95) 0%,rgba(7,8,11,0.5) 50%,rgba(7,8,11,0) 100%) !important; pointer-events: none !important; }
.u-sf-0143 { position: absolute !important; left: 20px !important; right: 20px !important; bottom: 50px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; z-index: 2 !important; }
.u-sf-0144 { position: absolute !important; top: 20% !important; left: 0 !important; width: 40% !important; height: 60% !important; background: radial-gradient(circle at 30% 50%,rgba(212,175,55,0.04),transparent 70%) !important; pointer-events: none !important; z-index: 0 !important; }
.u-sf-0145 { position: relative !important; border-radius: 20px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,0.1) !important; box-shadow: 0 50px 120px rgba(0,0,0,0.8) !important; aspect-ratio: 4/5 !important; }
.u-sf-0146 { position: relative !important; border-radius: 24px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,0.08) !important; background: #0b0f19 !important; box-shadow: 0 40px 100px rgba(0,0,0,0.6) !important; }
.u-sf-0147 { position: relative !important; padding-bottom: 140px !important; overflow: visible !important; }
.u-sf-0148 { position: relative !important; top: -90px !important; }
.u-sf-0149 { position: relative !important; z-index: 2 !important; width: 100% !important; }
.u-sf-0150 { position: relative !important; z-index: 2 !important; width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; }
.u-sf-0151 { text-align: center !important; margin-bottom: 10px !important; font-size: 0.7rem !important; color: var(--x-gold) !important; opacity: 0.8 !important; }
.u-sf-0152 { text-align: center !important; margin-top: 38px !important; }
.u-sf-0153 { text-align: center !important; max-width: 920px !important; margin: 0 auto 90px !important; }
.u-sf-0154 { width: 100% !important; }
.u-sf-0155 { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; object-position: center 35% !important; }
.u-sf-0156 { width: 100% !important; height: auto !important; display: block !important; }
.u-sf-0157 { width: 1px !important; height: 18px !important; background: rgba(255,255,255,0.2) !important; }
.u-sf-0158 { width: 30% !important; }

/* --- Hochzeitslocation Utilities (Legacy u-hz) --- */
.u-hz-001 { align-items: center; gap: clamp(40px, 5vw, 80px); }
.u-hz-002 { align-items: start; }
.u-hz-003 { background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 15px; backdrop-filter: blur(5px); }
.u-hz-004 { background: rgba(0,0,0,0.4); border-color: rgba(212,175,55,0.4); color: rgba(255,255,255,0.95); backdrop-filter: blur(4px); }
.u-hz-005 { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 50px; color: #fff; padding: 8px 16px; font-family: inherit; font-size: 0.9rem; color-scheme: dark; outline: none; max-width: 160px; }
.u-hz-006 { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 50px; color: #fff; padding: 8px 16px; font-family: inherit; font-size: 0.9rem; outline: none; width: 90px; }
.u-hz-007 { background: rgba(255,255,255,0.05); padding: 20px; border-radius: 12px; margin-top: 30px; }
.u-hz-008 { border-top: 1px solid rgba(255,255,255,0.08); margin-top: 60px; padding-top: 25px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.u-hz-009 { color: #fff; }
.u-hz-010 { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); text-decoration: none; }
.u-hz-011 { color: #fff; font-size: 1.2rem; font-weight: 700; line-height: 1.2; text-shadow: 0 2px 20px rgba(0,0,0,1); }
.u-hz-012 { color: #fff; font-size: 1.3rem; margin-bottom: 10px; }
.u-hz-013 { color: #fff; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; }
.u-hz-014 { color: #fff; opacity: 1; }
.u-hz-015 { color: rgba(255,255,255,0.6); font-size: 0.95rem; line-height: 1.7; margin-bottom: 25px; }
.u-hz-016 { color: rgba(255,255,255,0.70); font-size: 0.9rem; }
.u-hz-017 { color: rgba(255,255,255,0.8); text-decoration: none; }
.u-hz-018 { color: rgba(255,255,255,0.9); font-size: 0.85rem; font-weight: 700; }
.u-hz-019 { color: rgba(255,255,255,0.9); font-size: 1.05rem; margin-bottom: 28px; line-height: 1.7; }
.u-hz-020 { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.8); }
.u-hz-021 { color: var(--x-gold); }
.u-hz-022 { color: var(--x-gold); }
.u-hz-023 { color: var(--x-gold); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,1); }
.u-hz-024 { color: var(--x-gold); font-weight: 800; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; }
.u-hz-025 { color: var(--x-gold); font-weight: 800; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; display: block; margin-bottom: 8px; }
.u-hz-026 { color: var(--x-gold); font-weight: 900; }
.u-hz-027 { color: var(--x-gold); font-weight: 900; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; }
.u-hz-028 { color: var(--x-gold); font-weight: 900; margin-bottom: 5px; }
.u-hz-029 { color: var(--x-muted); font-size: 1.15rem; line-height: 1.6; }
.u-hz-030 { display: block; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 15px; }
.u-hz-031 { display: block; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--x-gold); margin-bottom: 15px; }
.u-hz-032 { display: flex; align-items: center; gap: 10px; }
.u-hz-033 { display: flex; align-items: center; gap: 12px; }
.u-hz-034 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.u-hz-035 { display: flex; align-items: center; gap: 15px; flex-grow: 1; }
.u-hz-036 { display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.10); box-shadow: 0 20px 70px rgba(0,0,0,0.35); }
.u-hz-037 { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }
.u-hz-038 { display: flex; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; justify-content: center; }
.u-hz-039 { display: flex; gap: 12px; flex-wrap: wrap; }
.u-hz-040 { display: flex; gap: 15px; }
.u-hz-041 { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; }
.u-hz-042 { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-top: 35px; }
.u-hz-043 { display: grid; gap: 10px; margin-bottom: 35px; font-weight: 700; color: rgba(255,255,255,0.95); font-size: 0.9rem; }
.u-hz-044 { display: grid; gap: 5px; }
.u-hz-045 { display: grid; grid-template-columns: 1.2fr .8fr; gap: 28px; align-items: end; margin-bottom: 34px; }
.u-hz-046 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 30px; }
.u-hz-047 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.u-hz-048 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.u-hz-049 { display: inline-block; margin-top: 10px; color: var(--x-gold); font-weight: 800; }
.u-hz-050 { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; background: rgba(212,175,55,0.15); border: 1px solid rgba(212,175,55,0.3); backdrop-filter: blur(10px); margin-bottom: 20px; }
.u-hz-051 { flex-grow: 1; }
.u-hz-052 { flex-shrink: 0; }
.u-hz-053 { flex: 1 1 400px; }
.u-hz-054 { font-family: var(--x-font-head); color: #fff; font-size: 1.28rem; margin: 0 0 6px; }
.u-hz-055 { font-family: var(--x-font-head); font-size: 1.8rem; font-weight: 900; color: #fff; display: block; margin-bottom: 15px; }
.u-hz-056 { font-size: 0.8rem; color: rgba(255,255,255,0.25); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
.u-hz-057 { font-size: 0.8rem; color: rgba(255,255,255,0.4); }
.u-hz-058 { font-size: 1.1rem; line-height: 1.7; color: rgba(255,255,255,0.9); margin-bottom: 30px; text-shadow: 0 2px 10px rgba(0,0,0,0.8); }
.u-hz-059 { font-size: clamp(2.2rem, 5vw, 4rem); text-transform: uppercase; margin-bottom: 20px; }
.u-hz-060 { font-size: clamp(2.5rem, 5vw, 4.2rem); margin: 0 0 20px; line-height: 1.05; text-shadow: 0 4px 30px rgba(0,0,0,0.8); }
.u-hz-061 { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.7); margin-bottom: 10px; }
.u-hz-062 { font-size: 0.7rem; color: var(--x-gold); opacity: 0.9; }
.u-hz-063 { font-size: 0.7rem; text-transform: uppercase; font-weight: 800; color: var(--x-muted); margin-bottom: 5px; display: block; }
.u-hz-064 { font-size: 0.85rem; color: rgba(255,255,255,0.8); }
.u-hz-065 { font-size: 0.8rem; color: var(--x-gold); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; }
.u-hz-066 { font-size: 0.95rem; }
.u-hz-067 { font-size: 0.95rem; opacity: 0.8; margin: 0; }
.u-hz-068 { font-size: 0.9rem; color: var(--x-muted); }
.u-hz-069 { font-size: 0.9rem; margin-bottom: 10px; }
.u-hz-070 { font-size: 1.1rem; margin-bottom: 10px; }
.u-hz-071 { font-size: 1.5rem; margin-bottom: 14px; }
.u-hz-072 { font-size: 1.5rem; margin-bottom: 15px; color: var(--x-gold); }
.u-hz-073 { font-weight: 800; color: #fff; }
.u-hz-074 { font-weight: 800; color: #fff; font-size: 0.85rem; line-height: 1.2; }
.u-hz-075 { font-weight: 800; font-size: 1.1rem; }
.u-hz-076 { font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.8rem; display: block; margin-bottom: 15px; }
.u-hz-077 { font-weight: 900; color: #fff; font-size: 1.05rem; white-space: nowrap; }
.u-hz-078 { gap: 10px; }
.u-hz-079 { height: 1px; width: 30px; background: var(--x-gold); }
.u-hz-080 { line-height: 1.25; text-align: right; }
.u-hz-081 { margin-bottom: 12px; }
.u-hz-082 { margin-bottom: 15px; }
.u-hz-083 { margin-bottom: 40px; padding-left: 25px; border-left: 2px solid rgba(255,255,255,0.1); }
.u-hz-084 { margin-bottom: 40px; padding-left: 25px; border-left: 2px solid var(--x-gold); }
.u-hz-085 { margin-left: auto; margin-right: 30px; gap: 28px; }
.u-hz-086 { margin-top: -40px; position: relative; z-index: 10; margin-bottom: 90px; }
.u-hz-087 { margin-top: 0; font-size: clamp(2rem,3.5vw,3rem); line-height: 1.1; margin-bottom: 20px; color: #fff; }
.u-hz-088 { margin-top: 15px; }
.u-hz-089 { margin-top: 24px; background: rgba(212,175,55,0.08); border: 1px solid rgba(212,175,55,0.25); border-radius: 16px; padding: 35px; display: flex; gap: 40px; align-items: center; flex-wrap: wrap; }
.u-hz-090 { margin-top: 40px; padding-left: 25px; }
.u-hz-091 { margin: 0; color: rgba(255,255,255,0.70); font-size: 1.05rem; max-width: 70ch; }
.u-hz-092 { margin: 0; color: rgba(255,255,255,0.78); font-size: 0.98rem; line-height: 1.6; }
.u-hz-093 { margin: 0 0 10px; font-size: 1.1rem; }
.u-hz-094 { margin: 0 0 10px; font-size: 1.4rem; color: #fff; }
.u-hz-095 { margin: 0; opacity: 0.9; font-size: 1rem; }
.u-hz-096 { margin: 0; opacity: 0.9; line-height: 1.7; }
.u-hz-097 { margin: 0; padding-left: 18px; line-height: 1.75; opacity: 0.9; }
.u-hz-098 { max-width: 1140px; }
.u-hz-099 { max-width: 520px; padding: 45px; border-radius: 24px; background: rgba(5, 6, 9, 0.8); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 30px 90px rgba(0,0,0,0.6); margin-right: 2%; margin-bottom: 5%; }
.u-hz-100 { max-width: 680px; padding: 40px 0; }
.u-hz-101 { max-width: 880px; margin: 0 auto; background: rgba(20, 26, 40, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.5); border-radius: 100px; padding: 12px 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.u-hz-102 { max-width: 850px; margin: 0 auto 30px; }
.u-hz-103 { min-width: 220px; box-shadow: 0 10px 40px rgba(0,0,0,0.6); }
.u-hz-104 { object-position: center 30%; }
.u-hz-105 { opacity: 0.85; line-height: 1.7; margin: 0; font-size: 1.05rem; }
.u-hz-106 { padding-bottom: 0; }
.u-hz-107 { padding: 0; position: relative; overflow: hidden; display: flex; align-items: center; min-height: 80vh; }
.u-hz-108 { padding: 0; position: relative; overflow: hidden; display: flex; align-items: center; min-height: 85vh; margin-top: -1px; border-top: none; }
.u-hz-109 { padding: 10px 14px; font-size: 1.2rem; border-color: rgba(255,255,255,0.3); }
.u-hz-110 { padding: 10px 20px; font-size: 0.8rem; }
.u-hz-111 { padding: 10px 24px; font-size: 0.85rem; height: auto; min-height: 0; }
.u-hz-112 { padding: 11px 26px; font-size: 0.8rem; letter-spacing: 0.05em; }
.u-hz-113 { padding: 16px 32px; font-size: 0.9rem; }
.u-hz-114 { padding: 30px; }
.u-hz-115 { padding: 30px; border-color: rgba(212,175,55,0.3) !important; background: linear-gradient(180deg, rgba(212,175,55,0.05), rgba(0,0,0,0.2)) border-box !important; }
.u-hz-116 { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; z-index: 2; }
.u-hz-117 { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 35%, rgba(0,0,0,0.1) 65%); pointer-events: none; }
.u-hz-118 { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(5,6,9,0.95) 0%, rgba(5,6,9,0.5) 25%, rgba(5,6,9,0.0) 45%, rgba(5,6,9,0.0) 70%, rgba(5,6,9,0.7) 100% ); pointer-events: none; }
.u-hz-119 { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 60%, rgba(5,6,10,0.8) 100%); pointer-events: none; }
.u-hz-120 { position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(212,175,55,0.03), transparent 60%); pointer-events: none; }
.u-hz-121 { position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(212,175,55,0.05), transparent 50%); pointer-events: none; }
.u-hz-122 { position: absolute; inset: 0; background: radial-gradient(circle, rgba(11,15,25,0) 45%, rgba(11,15,25,0.4) 85%, rgba(11,15,25,0.9) 100%); pointer-events: none; }
.u-hz-123 { position: absolute; inset: 0; z-index: 0; }
.u-hz-124 { position: absolute; inset: auto 0 0 0; height: 55%; background: linear-gradient(to top, rgba(7,8,11,0.95) 0%, rgba(7,8,11,0.5) 50%, rgba(7,8,11,0) 100%); pointer-events: none; }
.u-hz-125 { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.u-hz-126 { position: absolute; left: 20px; right: 20px; bottom: 50px; display: flex; flex-direction: column; align-items: center; text-align: center; z-index: 2; }
.u-hz-127 { position: absolute; top: 10%; left: -10%; width: 60%; height: 60%; background: radial-gradient(circle at 50% 50%, rgba(212,175,55,0.06), transparent 70%); pointer-events: none; z-index: 0; }
.u-hz-128 { position: relative; }
.u-hz-129 { position: relative; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 40px 100px rgba(0,0,0,0.6); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); mask-image: linear-gradient(to bottom, black 60%, transparent 100%); }
.u-hz-130 { position: relative; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: #0b0f19; box-shadow: 0 40px 100px rgba(0,0,0,0.6); }
.u-hz-131 { position: relative; margin-bottom: 20px; }
.u-hz-132 { position: relative; padding-bottom: 100px; overflow: visible; }
.u-hz-133 { position: relative; top: -90px; }
.u-hz-134 { position: relative; z-index: 1; }
.u-hz-135 { position: relative; z-index: 2; width: 100%; }
.u-hz-136 { position: relative; z-index: 2; width: 100%; display: flex; justify-content: flex-end; align-items: center; }
.u-hz-137 { text-align: center; max-width: 920px; margin: 0 auto 70px; }
.u-hz-138 { text-align: center; margin-bottom: 10px; font-size: 0.7rem; color: var(--x-gold); opacity: 0.8; }
.u-hz-139 { text-align: center; margin-top: 38px; }
.u-hz-140 { width: 100%; }
.u-hz-141 { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.u-hz-142 { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.u-hz-143 { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; display: block; }
.u-hz-144 { width: 100%; height: auto; display: block; }
.u-hz-145 { width: 1px; height: 18px; background: rgba(255,255,255,0.2); }
.u-hz-146 { width: 30%; }
.u-hz-147 { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: grid; place-items: center; color: #fff; text-decoration: none; }

/* --- Header logo img --- */
.x-logo-img { border-radius: 6px; margin-right: .35rem; transform: translateY(1px); }

/* --- Trust strip label --- */
.ck-trust-label--tight { min-width: auto; padding-right: 25px; }
.ck-trust-title--compact { margin: 0; opacity: .6; font-size: .65rem; }

/* =====================================================================
   XELOR — LAUNCH EVENT UTILITIES (Legacy u-le)
   Generated: 2026-02-13
   ===================================================================== */
.u-le-0001 { padding: 0; overflow: hidden; }
.u-le-0002 { margin-bottom: 18px; }
.u-le-0003 { margin-top: 22px; }
.u-le-0004 { margin-top: 14px; }
.u-le-0005 { margin-top: 18px; }
.u-le-0006 { display: flex; gap: 12px; flex-wrap: wrap; }
.u-le-0007 { margin-top: 14px; text-align: center; }
.u-le-0008 { max-width: 900px; }
.u-le-0009 { text-align: center; margin-top: 26px; }
.u-le-0010 { padding-bottom: 60px; }
.u-le-0011 { color: #fff; }
.u-le-0012 { margin-bottom: 20px; font-size: clamp(2.2rem, 4vw, 3.5rem); }
.u-le-0013 { font-size: 1.1rem; line-height: 1.6; opacity: 0.9; margin-bottom: 35px; max-width: 500px; }
.u-le-0014 { background: rgba(255,255,255,0.03); padding: 30px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); }
.u-le-0015 { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: var(--x-muted); margin-bottom: 10px; }
.u-le-0016 { font-weight: 700; color: #fff; font-size: 1.05rem; line-height: 1.4; }
.u-le-0017 { width: 100%; height: 1px; background: rgba(255,255,255,0.1); margin: 25px 0; }
.u-le-0018 { display: grid; gap: 12px; }
.u-le-0019 { font-weight: 800; font-size: 1.4rem; color: var(--x-gold); text-decoration: none; display: flex; align-items: center; gap: 10px; }
.u-le-0020 { color: #fff; text-decoration: none; opacity: 0.9; font-weight: 500; font-size: 1.05rem; display: flex; align-items: center; gap: 10px; }
.u-le-0021 { color: rgba(255,255,255,0.8); text-decoration: none; display: flex; align-items: center; gap: 10px; }
.u-le-0022 { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.u-le-0023 { margin-bottom: 20px; }
.u-le-0024 { font-size: 0.75rem; text-transform: uppercase; font-weight: 800; color: var(--x-muted); margin-bottom: 8px; display: block; letter-spacing: 0.05em; }
.u-le-0025 { background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.15); padding: 16px; transition: 0.3s; }
.u-le-0026 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.u-le-0027 { background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.15); padding: 16px; color-scheme: dark; }
.u-le-0028 { background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.15); padding: 16px; }
.u-le-0029 { margin-top: 20px; }
.u-le-0030 { margin-top: 25px; }
.u-le-0031 { width: 100%; justify-content: center; padding: 18px; font-size: 0.95rem; box-shadow: 0 4px 20px rgba(212,175,55,0.25); }
.u-le-0032 { text-align: center; margin-top: 14px; font-size: 0.75rem; color: rgba(255,255,255,0.4); }
.u-le-0033 { background: #020305; border-top: 1px solid rgba(212,175,55,0.15); }
.u-le-0034 { align-items: start; }
.u-le-0035 { font-family: var(--x-font-head); font-size: 1.8rem; font-weight: 900; color: #fff; display: block; margin-bottom: 15px; }
.u-le-0036 { color: var(--x-gold); }
.u-le-0037 { color: rgba(255,255,255,0.6); font-size: 0.95rem; line-height: 1.7; margin-bottom: 25px; }
.u-le-0038 { display: flex; gap: 15px; }
.u-le-0039 { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: grid; place-items: center; color: #fff; text-decoration: none; }
.u-le-0040 { margin-bottom: 12px; }
.u-le-0041 { display: block; font-size: 0.7rem; text-transform: uppercase; color: rgba(255,255,255,0.4); letter-spacing: 0.1em; font-weight: 700; }
.u-le-0042 { font-size: 1.1rem; color: #fff; font-weight: 700; text-decoration: none; }
.u-le-0043 { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); text-decoration: none; }
.u-le-0044 { color: rgba(255,255,255,0.8); text-decoration: none; }
.u-le-0045 { font-size: 0.95rem; }
.u-le-0046 { margin-bottom: 15px; }
.u-le-0047 { font-size: 0.75rem; color: rgba(255,255,255,0.5); }
.u-le-0048 { color: #fff; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; }
.u-le-0049 { border-top: 1px solid rgba(255,255,255,0.08); margin-top: 60px; padding-top: 25px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.u-le-0050 { font-size: 0.8rem; color: rgba(255,255,255,0.4); }
.u-le-0051 { font-size: 0.8rem; color: rgba(255,255,255,0.25); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
.u-le-0052 { gap: 10px; }
.u-le-0053 { flex-grow: 1; }
.u-le-0054 { font-weight: 800; color: #fff; font-size: 0.85rem; line-height: 1.2; }
.u-le-0055 { font-size: 0.7rem; color: var(--x-gold); opacity: 0.9; }
.u-le-0056 { padding: 10px 14px; font-size: 1.2rem; border-color: rgba(255,255,255,0.3); }
.u-le-0057 { padding: 10px 20px; font-size: 0.8rem; }
/* === LOGO & BRANDING (BRAND-ORDNER LOGIK) === */
.x-logo-img {
  height: 28px; /* Exakte Höhe für den Premium-Look */
  width: auto;
  display: block;
  /* Macht das Logo im Dark-Mode sichtbar (Invert-Filter) */
  filter: brightness(0) invert(1);
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.x-logo:hover .x-logo-img {
  transform: scale(1.04); /* Subtiler High-End Effekt */
}