/*! All Time Security - Tailwind-Build + eigene Regeln. Nicht von Hand bearbeiten, Quelle: src/css/. Neu bauen mit: node tools/build-css.mjs */
/* Lokal ausgelieferte Schriften - erzeugt von tools/build-fonts.mjs.
   Ersetzt die bisherige Einbindung ueber fonts.googleapis.com. */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/barlow-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/barlow-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/barlow-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/barlow-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/barlow-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/barlow-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/barlow-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/barlow-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-900-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-ext-900-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root { color-scheme: light; }
html { background: #0b1220; }
body { background: #ffffff; color: #111827; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
::selection { background: rgba(212,165,58,.35); color: #0b1220; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0b1220; }
::-webkit-scrollbar-thumb { background: #243350; border-radius: 8px; border: 2px solid #0b1220; }
::-webkit-scrollbar-thumb:hover { background: #d4a53a; }
body.lock { overflow: hidden; }
.h-display { font-family: "Barlow Condensed", Barlow, Impact, sans-serif; text-transform: uppercase; letter-spacing: -.01em; line-height: .95; font-weight: 800; }
.eyebrow { font-family: Barlow, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: .32em; color: #d4a53a; font-weight: 700; }
.eyebrow.line { display:inline-flex; align-items:center; gap:.75rem; }
.eyebrow.line::before { content:""; width:2.25rem; height:2px; background:#d4a53a; }
.gold-text { color: #d4a53a; }
.underline-gold { position:relative; display:inline-block; padding-bottom:.08em; }
.underline-gold::after { content:""; position:absolute; left:0; right:0; bottom:0; height:.075em; min-height:4px; background: linear-gradient(90deg, #946c1d, #d4a53a 40%, #f0d38a 50%, #d4a53a 60%, #946c1d); box-shadow: 0 0 18px rgba(212,165,58,.55); transform: scaleX(0); transform-origin:left; transition: transform 1s cubic-bezier(.2,.7,.2,1) .6s; }
.is-visible .underline-gold::after, .reveal.is-visible.underline-gold::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .underline-gold::after { transform: scaleX(1); transition:none; } }
.watermark { font-family: "Barlow Condensed", Impact, sans-serif; font-weight: 900; text-transform: uppercase; line-height: .9; letter-spacing: .02em; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.08); user-select:none; }
.pattern-dark { background-color: #0b1220; background-image: linear-gradient(135deg, rgba(255,255,255,.025) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.025) 50%, rgba(255,255,255,.025) 75%, transparent 75%); background-size: 28px 28px; }
.grid-dark { background-image: linear-gradient(to right, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse 80% 70% at 60% 40%, #000 20%, transparent 100%); -webkit-mask-image: radial-gradient(ellipse 80% 70% at 60% 40%, #000 20%, transparent 100%); }
.grid-light { background-image: linear-gradient(to right, rgba(11,18,32,.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(11,18,32,.05) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 10%, transparent 100%); -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 10%, transparent 100%); }
.noise::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .05; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.hero-scene { background:
radial-gradient(60% 80% at 85% 30%, rgba(212,165,58,.14), transparent 60%),
radial-gradient(50% 60% at 15% 90%, rgba(52,70,106,.5), transparent 60%),
linear-gradient(110deg, #070b13 0%, #0b1220 45%, #121c30 75%, #0b1220 100%); }
.hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: 70% 30%; opacity:.85; filter: saturate(.85) contrast(1.05); }
.hero-shade { position:absolute; inset:0; background: linear-gradient(90deg, rgba(11,18,32,.96) 0%, rgba(11,18,32,.88) 30%, rgba(11,18,32,.35) 55%, rgba(11,18,32,.1) 100%), linear-gradient(0deg, #0b1220 0%, rgba(11,18,32,.3) 30%, transparent 55%); }
@media (max-width:1023px) { .hero-shade { background: linear-gradient(180deg, rgba(11,18,32,.75) 0%, rgba(11,18,32,.85) 45%, #0b1220 100%); } .hero-photo { object-position: 72% 20%; } }
.gold-line { height: 3px; background: linear-gradient(90deg, #946c1d, #d4a53a 40%, #f0d38a 50%, #d4a53a 60%, #946c1d); }
.hero-photo-2 { object-position: 50% 45%; opacity:.6; filter: saturate(.9) contrast(1.05) blur(1.5px); transform: scale(1.03); }
.hero-shade-2 { position:absolute; inset:0; background: linear-gradient(90deg, rgba(11,18,32,.96) 0%, rgba(11,18,32,.85) 40%, rgba(11,18,32,.55) 70%, rgba(11,18,32,.35) 100%), linear-gradient(0deg, #0b1220 0%, rgba(11,18,32,.25) 35%, transparent 60%); }
@media (max-width:1023px) { .hero-shade-2 { background: linear-gradient(180deg, rgba(11,18,32,.8) 0%, rgba(11,18,32,.85) 45%, #0b1220 100%); } }
.svc-row { position:relative; display:flex; gap:1.5rem; align-items:flex-start; padding:2rem 1.25rem 2.25rem; border-bottom:1px solid #e1e4ea; transition: background .3s, border-color .3s; }
.svc-row:hover { background:#f7f8fa; border-bottom-color:#d4a53a; }
.svc-row .icon-box { transition: background .35s, color .35s, transform .35s; }
.svc-row:hover .icon-box { background:#d4a53a; color:#0b1220; transform: rotate(-4deg) scale(1.06); }
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }
.reveal-left { opacity: 0; transform: translateX(-32px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal-right { opacity: 0; transform: translateX(32px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal-left.is-visible, .reveal-right.is-visible { opacity: 1; transform: none; }
[data-stagger] > * { transition-delay: calc(var(--i, 0) * 100ms); }
.reveal-line { height:1px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.6rem; font-family: Barlow, sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:13px; padding: .95rem 1.6rem; transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s; white-space: nowrap; }
.btn-gold { background:#d4a53a; color:#0b1220; box-shadow: 0 10px 30px -12px rgba(212,165,58,.7); position:relative; overflow:hidden; isolation:isolate; }
.btn-gold::before { content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s; }
.btn-gold:hover { background:#e2b955; transform: translateY(-2px); box-shadow: 0 16px 40px -12px rgba(212,165,58,.9); }
.btn-gold:hover::before { transform: translateX(120%); }
.btn-gold:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.btn-outline { border: 2px solid #d4a53a; color:#d4a53a; background: transparent; }
.btn-outline:hover { background:#d4a53a; color:#0b1220; transform: translateY(-2px); }
.btn-outline-dark { border: 2px solid #0b1220; color:#0b1220; background: transparent; }
.btn-outline-dark:hover { background:#0b1220; color:#fff; transform: translateY(-2px); }
.btn-ghost-light { border:1px solid rgba(255,255,255,.18); color:#fff; background: rgba(255,255,255,.04); }
.btn-ghost-light:hover { border-color:#d4a53a; color:#d4a53a; }
.btn .arr { transition: transform .3s; } .btn:hover .arr { transform: translateX(4px); }
.lang-btn { display:inline-flex; padding:2px; border:1px solid transparent; border-radius:4px; opacity:.45; transition: opacity .25s, border-color .25s, transform .25s; }
.lang-btn img { width:26px; height:auto; border-radius:3px; display:block; }
.lang-btn:hover { opacity:.85; }
.lang-btn.active { opacity:1; border-color:#d4a53a; }
.lang-btn:focus-visible { outline:2px solid #d4a53a; outline-offset:2px; }
.nav-link { position:relative; padding:.4rem 0; font-weight:600; font-size:14px; color: rgba(255,255,255,.75); transition: color .3s; letter-spacing:.02em; }
.nav-link::after { content:""; position:absolute; left:0; right:0; bottom:-4px; height:2px; background:#d4a53a; transform: scaleX(0); transform-origin:left; transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.nav-link:hover, .nav-link.active { color:#fff; }
.nav-link:hover::after, .nav-link.active::after { transform: scaleX(1); }
#navShell { background: rgba(11,18,32,.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.06); transition: background .4s, box-shadow .4s; }
#navShell.scrolled { background: rgba(7,11,19,.97); box-shadow: 0 10px 40px -20px rgba(0,0,0,.8); }
#mobileMenu { transition: opacity .4s, visibility .4s; }
#mobileMenu.closed { opacity:0; visibility:hidden; pointer-events:none; }
#mobileMenu .m-link { transform: translateY(14px); opacity:0; transition: transform .5s cubic-bezier(.2,.7,.2,1), opacity .5s; transition-delay: calc(var(--i) * 60ms + 120ms); }
#mobileMenu:not(.closed) .m-link { transform:none; opacity:1; }
.seal { position:relative; display:inline-flex; align-items:center; justify-content:center; }
.seal img { position:relative; display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode: screen;
transition: transform .35s cubic-bezier(.2,.7,.2,1); animation: sealFloat 7s ease-in-out infinite; animation-delay: var(--d,0s); }
.seal-round { border-radius:50%; }
.seal-round::before { content:""; position:absolute; inset:5%; border-radius:50%; box-shadow: 0 0 22px 6px rgba(212,165,58,.28); animation: sealGlow 4.5s ease-in-out infinite, sealFloat 7s ease-in-out infinite; animation-delay: var(--d,0s), var(--d,0s); pointer-events:none; }
.seal-round::after { content:""; position:absolute; inset:-3px; border-radius:50%; border:1px solid rgba(212,165,58,.55); animation: sealRing 4.5s ease-out infinite; animation-delay: var(--d,0s); pointer-events:none; }
.seal-round:hover img { transform: translateY(-4px) scale(1.08); }
.seal-round:hover::before { box-shadow: 0 0 34px 12px rgba(212,165,58,.7); animation-play-state: paused, running; }
.seal-box { background:#0b0e13; border:1px solid rgba(212,175,55,.45); border-radius:.75rem; padding:.5rem .65rem; box-shadow: 0 14px 34px -18px rgba(0,0,0,.9), 0 0 24px -6px rgba(212,165,58,.35); transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; animation: sealFloat 7s ease-in-out infinite, boxGlow 4.5s ease-in-out infinite; animation-delay: var(--d,0s), var(--d,0s); }
.seal-box img { border-radius:.4rem; animation:none; }
.seal-box:hover { transform: translateY(-4px) scale(1.05); border-color: rgba(212,165,58,.95); box-shadow: 0 20px 40px -18px rgba(0,0,0,.9), 0 0 40px -4px rgba(212,165,58,.75); animation-play-state: paused; }
.seal:focus-visible { outline:2px solid #d4a53a; outline-offset:6px; }
@keyframes sealGlow { 0%,100% { box-shadow: 0 0 18px 4px rgba(212,165,58,.22); } 50% { box-shadow: 0 0 30px 10px rgba(212,165,58,.55); } }
@keyframes boxGlow { 0%,100% { box-shadow: 0 14px 34px -18px rgba(0,0,0,.9), 0 0 20px -6px rgba(212,165,58,.3); } 50% { box-shadow: 0 14px 34px -18px rgba(0,0,0,.9), 0 0 36px -4px rgba(212,165,58,.7); } }
@keyframes sealFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -6px; } }
@keyframes sealRing { 0% { transform:scale(1); opacity:.7; } 70%,100% { transform:scale(1.35); opacity:0; } }
@media (prefers-reduced-motion: reduce) { .seal, .seal img, .seal-box, .seal-round::before, .seal-round::after { animation:none !important; } }
.cert-badge { position:relative; width:150px; height:150px; flex-shrink:0; border-radius:50%; background:#0b1220; border:3px solid #d4a53a; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; box-shadow: 0 0 0 6px rgba(11,18,32,.9), 0 20px 50px -20px rgba(0,0,0,.9), 0 0 40px -10px rgba(212,165,58,.5); }
@media (min-width:1024px) and (max-width:1279px) { .cert-badge { width:128px; height:128px; } .cert-badge .cb-title { font-size:15px; } }
.cert-badge::before { content:""; position:absolute; inset:7px; border-radius:50%; border:1px dashed rgba(212,165,58,.45); }
.cert-badge .cb-title { font-family: "Barlow Condensed", sans-serif; font-weight:800; font-size:17px; line-height:1.05; text-transform:uppercase; }
.cert-badge .cb-sub { font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:#d4a53a; margin-top:.35rem; font-weight:700; }
.cert-badge .cb-check { margin-top:.4rem; width:22px; height:22px; border-radius:50%; background:#d4a53a; color:#0b1220; display:flex; align-items:center; justify-content:center; }
.card { background:#fff; border:1px solid #e1e4ea; transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s; position:relative; }
.card:hover { transform: translateY(-6px); border-color: #d4a53a; box-shadow: 0 30px 60px -30px rgba(11,18,32,.45), 0 0 0 1px #d4a53a; }
.card .corner-gold { position:absolute; top:0; right:0; width:0; height:0; border-style:solid; border-width:0 56px 56px 0; border-color: transparent #d4a53a transparent transparent; }
.card-dark { background:#111a2c; border:1px solid rgba(255,255,255,.08); transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s; position:relative; }
.card-dark:hover { transform: translateY(-6px); border-color: rgba(212,165,58,.6); box-shadow: 0 30px 60px -30px rgba(0,0,0,.8), 0 0 40px -14px rgba(212,165,58,.45); }
.icon-box { width:3.5rem; height:3.5rem; display:flex; align-items:center; justify-content:center; background:#0b1220; color:#d4a53a; transition: background .35s, color .35s, transform .35s; }
.card:hover .icon-box, .card-dark:hover .icon-box { background:#d4a53a; color:#0b1220; transform: rotate(-4deg) scale(1.06); }
.icon-box.light { background:#f4f5f7; color:#0b1220; }
.num-tag { font-family:"Barlow Condensed"; font-weight:800; font-size:44px; line-height:1; color:#e9ebef; }
.card-img { transition: transform 1.2s cubic-bezier(.2,.7,.2,1), filter .6s; filter: saturate(.85); }
.card:hover .card-img { transform: scale(1.06); filter: saturate(1); }
.card:hover .num-tag { color:#d4a53a; }
.spot { position:absolute; inset:0; pointer-events:none; opacity:0; transition: opacity .5s; background: radial-gradient(360px circle at var(--mx,50%) var(--my,50%), rgba(212,165,58,.14), transparent 45%); }
[data-spot]:hover .spot { opacity:1; }
.qualitaet-box { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:2rem; background-color:#0b1220; color:#fff; border:1px solid rgba(212,165,58,.35); box-shadow: 0 20px 50px -25px rgba(11,18,32,.45); }
.qualitaet-box-zeichen { position:absolute; top:-.75rem; right:-.75rem; width:7rem; height:7rem; color:rgba(212,165,58,.1); pointer-events:none; }
.qualitaet-punkt { display:flex; align-items:flex-start; gap:1rem; }
.qualitaet-punkt + .qualitaet-punkt { padding-top:1.25rem; border-top:1px solid rgba(255,255,255,.08); }
.qualitaet-icon { flex:none; display:grid; place-items:center; width:2.75rem; height:2.75rem; color:#d4a53a; background:rgba(212,165,58,.1); border:1px solid rgba(212,165,58,.4); transition: background .35s, color .35s; }
.qualitaet-punkt:hover .qualitaet-icon { background:#d4a53a; color:#0b1220; }
@media (max-width: 639px) { .qualitaet-box { padding:1.75rem 1.5rem; } }
.dokument { position:relative; display:block; background:#fff; border:1px solid #e1e4ea; box-shadow: 0 26px 60px -34px rgba(11,18,32,.5); transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s, border-color .45s; }
.dokument img { display:block; width:100%; height:auto; }
.dokument:hover { transform: translateY(-6px); border-color:#d4a53a; box-shadow: 0 36px 70px -32px rgba(11,18,32,.55), 0 0 0 1px #d4a53a; }
.dokument:focus-visible { outline:2px solid #d4a53a; outline-offset:4px; }
.dokument-lupe { position:absolute; top:.8rem; right:.8rem; display:grid; place-items:center; width:2.25rem; height:2.25rem; background:rgba(11,18,32,.85); color:#d4a53a; opacity:0; transform:translateY(-4px); transition:opacity .3s, transform .3s; pointer-events:none; }
.dokument:hover .dokument-lupe, .dokument:focus-visible .dokument-lupe { opacity:1; transform:none; }
.zert-buehne { position:relative; display:grid; place-items:center; padding:.5rem 0 2rem; touch-action:pan-y; }
.zert-buehne::before { content:""; position:absolute; left:15%; right:15%; bottom:.75rem; height:3rem; border-radius:50%; background:radial-gradient(closest-side, rgba(11,18,32,.18), transparent); filter:blur(6px); pointer-events:none; }
.zert-karte { grid-area:1/1; position:relative; width:min(50%, 24rem); margin:0; transition: transform .9s cubic-bezier(.65,.05,.25,1), opacity .9s cubic-bezier(.65,.05,.25,1), filter .9s; }
.zert-karte .dokument { aspect-ratio:210/297; }
.zert-karte .dokument img { height:100%; object-fit:contain; }
.zert-karte::after { content:""; position:absolute; inset:0; background:#f7f8fa; opacity:0; pointer-events:none; transition:opacity .9s; }
.zert-karte[data-pos="0"] { z-index:3; }
.zert-karte[data-pos="0"] .dokument { box-shadow: 0 44px 80px -38px rgba(11,18,32,.6); }
.zert-karte[data-pos="-1"] { z-index:2; transform:translateX(-56%) scale(.84); }
.zert-karte[data-pos="1"] { z-index:1; transform:translateX(56%) scale(.84); }
.zert-karte:not([data-pos="0"]) { cursor:pointer; filter:saturate(.6); }
.zert-karte:not([data-pos="0"])::after { opacity:.5; }
.zert-karte:not([data-pos="0"]):hover::after { opacity:.25; }
.zert-karte:not([data-pos="0"]) .dokument:hover { transform:none; border-color:#e1e4ea; box-shadow: 0 26px 60px -34px rgba(11,18,32,.5); }
.zert-karte:not([data-pos="0"]) .dokument-lupe { display:none; }
.zert-karte.zert-hinten { z-index:0; opacity:.3; }
.zert-legenden { display:grid; text-align:center; }
.zert-legende { grid-area:1/1; opacity:0; visibility:hidden; transform:translateY(8px); transition: opacity .5s, transform .5s, visibility 0s .5s; }
.zert-legende.aktiv { opacity:1; visibility:visible; transform:none; transition-delay: .15s, .15s, 0s; }
.zert-steuerung { display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:1.25rem; }
.zert-pfeil { display:grid; place-items:center; width:2.75rem; height:2.75rem; border:1px solid #e1e4ea; background:#fff; color:#0b1220; transition: background .25s, color .25s, border-color .25s; }
.zert-pfeil:hover { background:#0b1220; border-color:#0b1220; color:#d4a53a; }
.zert-pfeil:focus-visible, .zert-punkt:focus-visible { outline:2px solid #d4a53a; outline-offset:3px; }
.zert-punkte { display:flex; align-items:center; gap:.5rem; }
.zert-punkt { position:relative; width:.75rem; height:2.75rem; transition: width .5s cubic-bezier(.2,.7,.2,1); }
.zert-punkt::before, .zert-punkt::after { content:""; position:absolute; left:0; right:0; top:50%; height:6px; margin-top:-3px; border-radius:999px; }
.zert-punkt::before { background:#d9dce3; transition: background .3s; }
.zert-punkt:hover::before { background:#b9bfca; }
.zert-punkt::after { background:#d4a53a; transform:scaleX(0); transform-origin:left; }
.zert-punkt.aktiv { width:2.75rem; }
.zert-punkt.aktiv::after { animation: zertTakt 5.5s linear forwards; }
.zert-karussell.pausiert .zert-punkt.aktiv::after { animation-play-state:paused; }
@keyframes zertTakt { to { transform:scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .zert-punkt.aktiv::after { transform:none; } }
@media (max-width: 767px) {
.zert-karte { width:56%; }
.zert-karte[data-pos="-1"] { transform:translateX(-46%) scale(.8); }
.zert-karte[data-pos="1"] { transform:translateX(46%) scale(.8); }
}
.btn .arr-down { transition: transform .3s; } .btn:hover .arr-down { transform: translateY(2px); }
.zert-download { display:flex; align-items:center; gap:1rem; padding:.75rem 1rem .75rem .75rem; background:#fff; border:1px solid #e1e4ea; transition: border-color .3s, box-shadow .3s, transform .3s; }
.zert-download:hover { border-color:#d4a53a; transform:translateY(-2px); box-shadow: 0 18px 36px -24px rgba(11,18,32,.5); }
.zert-download:focus-visible { outline:2px solid #d4a53a; outline-offset:2px; }
.zert-download-bild { flex:none; width:3rem; aspect-ratio:210/297; overflow:hidden; background:#fff; border:1px solid #e1e4ea; }
.zert-download-bild img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.zert-download-knopf { flex:none; display:inline-flex; align-items:center; gap:.45rem; padding:.6rem .8rem; background:#0b1220; color:#d4a53a; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; transition: background .3s, color .3s; }
.zert-download:hover .zert-download-knopf { background:#d4a53a; color:#0b1220; }
@media (max-width: 400px) { .zert-download-knopf span { display:none; } .zert-download { gap:.75rem; } }
.qualidata-ecke { position:absolute; top:2.5rem; right:2rem; z-index:1; display:flex; align-items:center; gap:.75rem; max-width:15rem; font-size:10px; line-height:1.4; text-transform:uppercase; letter-spacing:.16em; font-weight:700; color:#8b93a1; }
.qualidata-ecke img { height:3.25rem; width:auto; flex:none; }
@media (max-width: 1279px) { .qualidata-ecke { display:none; } }
.din-item { display:flex; align-items:center; gap:1.1rem; padding:1.25rem 1.5rem; border-right:1px solid #d9dce3; transition: background .3s; }
.din-item:last-child { border-right:0; }
.din-item:hover { background:#fff; }
@media (max-width:767px) { .din-item { border-right:0; border-bottom:1px solid #d9dce3; } .din-item:last-child { border-bottom:0; } }
.vs-board { --spine: 13.5rem; position:relative; display:grid; grid-template-columns: 1fr var(--spine) 1fr; }
.vs-board::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; transform:translateX(-50%); background: linear-gradient(180deg, transparent, rgba(212,165,58,.30) 12%, rgba(212,165,58,.12) 55%, transparent); pointer-events:none; }
.vs-plate { position:absolute; top:0; bottom:0; width: calc(50% - var(--spine) / 2); border-radius: 2rem; pointer-events:none; }
.vs-plate-std { left:0; background: linear-gradient(200deg, rgba(255,255,255,.05), rgba(255,255,255,.015) 60%); border:1px solid rgba(255,255,255,.07); box-shadow: 0 40px 80px -60px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.04); }
.vs-plate-ats { right:0; background: linear-gradient(160deg, rgba(212,165,58,.16), rgba(212,165,58,.04) 45%, rgba(17,26,44,.35) 85%); border:1px solid rgba(212,165,58,.30); box-shadow: 0 50px 100px -55px rgba(0,0,0,.95), 0 0 80px -34px rgba(212,165,58,.55), inset 0 1px 0 rgba(240,211,138,.14); }
.vs-plate-ats::after { content:""; position:absolute; inset:-14%; border-radius:inherit; background: radial-gradient(60% 45% at 50% 0%, rgba(212,165,58,.22), transparent 70%); filter: blur(26px); animation: vsAura 7s ease-in-out infinite; }
@keyframes vsAura { 0%, 100% { opacity:.55; } 50% { opacity:1; } }
.vs-head { position:relative; display:flex; align-items:center; gap:.6rem; padding: 2.25rem 2rem 1.5rem; font-size:11px; text-transform:uppercase; letter-spacing:.24em; font-weight:800; }
.vs-head-std { color: rgba(252,165,165,.85); }
.vs-head-ats { color:#e2b955; }
.vs-head-ats > span { margin-left:auto; border-radius:999px; padding:.3rem .7rem; border-color: rgba(212,165,58,.45); background: rgba(212,165,58,.10); }
.vs-spine-head { position:relative; display:flex; flex-direction:column; align-items:center; gap:.85rem; padding: 1rem 0 1.5rem; }
.vs-kriterium { font-size:10px; text-transform:uppercase; letter-spacing:.28em; font-weight:800; color: rgba(255,255,255,.35); }
.vs-badge { position:relative; width:5.25rem; height:5.25rem; border-radius:50%; flex:none; }
.vs-badge::before { content:""; position:absolute; inset:0; border-radius:50%; padding:1px; background: conic-gradient(from 0deg, rgba(212,165,58,0), #d4a53a 18%, #f0d38a 32%, rgba(212,165,58,0) 58%, rgba(212,165,58,0) 100%); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; -webkit-mask-composite: xor; animation: vsSpin 6s linear infinite; }
.vs-badge::after { content:""; position:absolute; inset:-35%; border-radius:50%; background: radial-gradient(circle, rgba(212,165,58,.35), transparent 65%); filter: blur(12px); pointer-events:none; }
.vs-badge > span { position:relative; z-index:1; display:grid; place-items:center; width:100%; height:100%; border-radius:50%; background: radial-gradient(circle at 50% 30%, #182338, #070b13 75%); box-shadow: inset 0 0 22px rgba(212,165,58,.22); font-family: "Barlow Condensed", Barlow, Impact, sans-serif; font-weight:900; font-size:1.5rem; letter-spacing:.06em; color:#f0d38a; }
@keyframes vsSpin { to { transform: rotate(360deg); } }
.vs-row { display: contents; }
.vs-cell, .vs-node { position:relative; }
.vs-cell-std { grid-column:1; padding: 1.15rem 2rem; font-size:.875rem; line-height:1.6; color: rgba(255,255,255,.52); display:flex; align-items:flex-start; gap:.65rem; transition: color .35s; }
.vs-cell-ats { grid-column:3; padding: 1.15rem 2rem; font-size:.875rem; line-height:1.6; color: rgba(255,255,255,.88); display:flex; align-items:flex-start; gap:.65rem; border-radius:1.25rem; transition: background .35s, color .35s; }
.vs-node { grid-column:2; margin:.55rem .9rem; padding:.7rem .75rem; border-radius:1rem; border:1px solid rgba(255,255,255,.09); background: rgba(11,18,32,.55); display:flex; align-items:center; justify-content:center; gap:.5rem; text-align:center; font-size:.75rem; font-weight:800; letter-spacing:.06em; color: rgba(255,255,255,.75); transition: border-color .35s, box-shadow .35s, color .35s, background .35s; }
.vs-row + .vs-row > .vs-cell::before { content:""; position:absolute; top:0; left:1.5rem; right:1.5rem; height:1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent); }
@media (min-width: 1024px) and (hover: hover) {
.vs-row:hover .vs-node, .vs-row:focus-within .vs-node { border-color: rgba(212,165,58,.55); color:#f0d38a; background: rgba(212,165,58,.10); box-shadow: 0 12px 34px -18px rgba(212,165,58,.85); }
.vs-row:hover .vs-cell-ats, .vs-row:focus-within .vs-cell-ats { background: rgba(212,165,58,.08); color:#fff; }
.vs-row:hover .vs-cell-std, .vs-row:focus-within .vs-cell-std { color: rgba(255,255,255,.34); }
}
.vs-mobile-head { display:none; }
@media (max-width: 1023px) {
.vs-board { display:block; }
.vs-board::before { display:none; }
.vs-plate, .vs-head, .vs-spine-head { display:none; }
.vs-mobile-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; font-size:10px; text-transform:uppercase; letter-spacing:.22em; font-weight:800; }
.vs-row { display:grid; grid-template-columns:1fr; padding:1.15rem 1.25rem; margin-bottom:.85rem; border-radius:1.5rem; border:1px solid rgba(255,255,255,.08); background: linear-gradient(170deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
.vs-cell-std, .vs-cell-ats, .vs-node { grid-column:auto; margin:0; padding:.5rem 0; border-radius:0; background:none; border:0; box-shadow:none; }
.vs-node { order:-1; justify-content:flex-start; text-align:left; padding:0 0 .35rem; font-size:.8rem; color:#e2b955; }
.vs-cell-ats { color: rgba(255,255,255,.92); }
.vs-row + .vs-row > .vs-cell::before { display:none; }
}
.vs-cta { position:relative; display:inline-flex; }
.vs-cta::before { content:""; position:absolute; inset:-45%; border-radius:999px; background: radial-gradient(closest-side, rgba(212,165,58,.42), transparent); filter: blur(18px); opacity:.7; transition: opacity .45s; pointer-events:none; animation: vsAura 5s ease-in-out infinite; }
.vs-cta:hover::before { opacity:1; }
.vs-cta .btn { border-radius:999px; }
.vs-stat { border-radius:1.75rem; border:1px solid rgba(255,255,255,.08); background: linear-gradient(170deg, rgba(255,255,255,.055), rgba(255,255,255,.012)); transition: transform .4s cubic-bezier(.2,.7,.2,1), border-color .4s, box-shadow .4s; }
.vs-stat:hover { transform: translateY(-6px); border-color: rgba(212,165,58,.45); box-shadow: 0 30px 60px -34px rgba(0,0,0,.9), 0 0 44px -20px rgba(212,165,58,.5); }
.step-btn { transition: all .4s cubic-bezier(.2,.7,.2,1); background:#fff; border:1px solid #e1e4ea; }
.step-btn.active { border-color:#d4a53a; background:#fffaf0; box-shadow: 0 10px 30px -15px rgba(212,165,58,.6); }
.step-btn .step-num { background:#f4f5f7; color:#0b1220; border:1px solid #e1e4ea; }
.step-btn.done .step-num { background:#0b1220; color:#d4a53a; border-color:#0b1220; }
.step-btn.active .step-num { background:#d4a53a; color:#0b1220; border-color:#d4a53a; }
.wz-panel { display:none; }
.wz-panel.active { display:block; animation: panelIn .5s cubic-bezier(.2,.7,.2,1) both; }
@keyframes panelIn { from { opacity:0; transform: translateY(16px); } to { opacity:1; transform:none; } }
.progress-fill { transition: width .7s cubic-bezier(.2,.7,.2,1); background: linear-gradient(90deg, #946c1d, #d4a53a, #f0d38a); }
.opt { cursor:pointer; transition: all .3s cubic-bezier(.2,.7,.2,1); position:relative; background:#fff; border:1px solid #e1e4ea; }
.opt:hover { border-color:#d4a53a; transform: translateY(-2px); }
.opt.selected { border-color:#d4a53a; background:#fffaf0; box-shadow: 0 0 0 1px #d4a53a, 0 12px 30px -16px rgba(212,165,58,.7); }
.opt.selected .opt-check { opacity:1; transform:scale(1); }
.opt-check { position:absolute; top:.6rem; right:.6rem; width:1.5rem; height:1.5rem; border-radius:999px; background:#d4a53a; color:#0b1220; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(.5); transition: all .3s; }
.chip { cursor:pointer; transition: all .3s; background:#fff; border:1px solid #e1e4ea; color:#374151; }
.chip:hover { border-color:#d4a53a; }
.chip.selected { border-color:#0b1220; background:#0b1220; color:#fff; }
.chip.selected i { color:#d4a53a; }
input[type=range] { -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:999px; background: linear-gradient(90deg, #d4a53a var(--p,50%), #e1e4ea var(--p,50%)); outline:none; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:#0b1220; border:3px solid #d4a53a; box-shadow: 0 4px 14px rgba(11,18,32,.35); cursor:pointer; transition: transform .2s; }
input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.12); }
input[type=range]::-moz-range-thumb { width:22px; height:22px; border-radius:50%; background:#0b1220; border:3px solid #d4a53a; cursor:pointer; }
.gauge-arc { transition: stroke-dashoffset 1.2s cubic-bezier(.2,.7,.2,1), stroke .6s; }
.switch { position:relative; width:46px; height:26px; border-radius:999px; background:#e1e4ea; border:1px solid #d1d5db; flex-shrink:0; cursor:pointer; transition: background .35s, border-color .35s; }
.switch:focus-visible { outline:2px solid #d4a53a; outline-offset:2px; }
.switch .knob { position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.switch.on { background:#d4a53a; border-color:#d4a53a; }
.switch.on .knob { transform: translateX(20px); background:#0b1220; }
.switch.locked { background:#0b1220; border-color:#0b1220; cursor:not-allowed; }
.switch.locked .knob { background:#d4a53a; }
.opt-row { background:#fff; border:1px solid #e1e4ea; transition: border-color .3s; }
.opt-row:hover { border-color:#d4a53a; }
.tip { display:inline-flex; align-items:center; justify-content:center; width:1.6rem; height:1.6rem; border-radius:999px; color:#b8892a; background:rgba(212,165,58,.12); border:1px solid rgba(212,165,58,.35); cursor:help; transition: background .25s, color .25s; }
.tip:hover, .tip:focus-visible, .tip.open { background:#d4a53a; color:#0b1220; outline:none; }
.tip-dark { color:#d4a53a; background:rgba(212,165,58,.14); }
.tip-box { position:fixed; z-index:90; background:#0b1220; color:#fff; border:1px solid rgba(212,165,58,.45); box-shadow: 0 20px 40px -18px rgba(0,0,0,.8), 0 0 24px -8px rgba(212,165,58,.4); padding:.85rem 1rem; font-size:.8rem; line-height:1.55; text-transform:none; letter-spacing:0; font-weight:500; text-align:left; opacity:0; transform: translateY(6px); pointer-events:none; transition: opacity .2s, transform .2s; }
.tip-box::before { content:""; position:absolute; left: var(--ax, 50%); width:10px; height:10px; background:#0b1220; border-left:1px solid rgba(212,165,58,.45); border-top:1px solid rgba(212,165,58,.45); }
.tip-box.arrow-top::before { top:-6px; transform: rotate(45deg); }
.tip-box.arrow-bottom::before { bottom:-6px; transform: rotate(225deg); }
.tip-box.show { opacity:1; transform:none; pointer-events:auto; }
.tip-box strong { color:#d4a53a; font-weight:700; }
.tl-line { position:absolute; left:1.45rem; top:0; bottom:0; width:2px; background: linear-gradient(to bottom, transparent, #d4a53a 15%, #d4a53a 85%, transparent); }
@media (min-width:1024px) { .tl-line { left:0; right:0; top:2.1rem; bottom:auto; height:2px; width:auto; background: linear-gradient(to right, transparent, #d4a53a 15%, #d4a53a 85%, transparent); } }
.faq-item { background:#fff; border:1px solid #e1e4ea; transition: border-color .3s, box-shadow .3s; }
.faq-item .faq-body { display:grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.2,.7,.2,1); }
.faq-item.open .faq-body { grid-template-rows: 1fr; }
.faq-item .faq-body > div { overflow:hidden; }
.faq-item .faq-icon { transition: transform .4s, background .3s, color .3s; }
.faq-item.open .faq-icon { transform: rotate(45deg); background:#d4a53a; color:#0b1220; }
.faq-item.open { border-color:#d4a53a; box-shadow: 0 20px 40px -30px rgba(11,18,32,.4); }
.bewertung-info { display:flex; align-items:center; gap:2rem; padding:2.5rem; background:rgba(7,11,19,.55); border:1px solid rgba(255,255,255,.05); }
.bewertung-zitat { font-family:"Barlow Condensed", Barlow, sans-serif; font-weight:600; font-size:1.3rem; line-height:1.35; }
.bewertung-zitat-gross { font-size:1.6rem; max-width:26rem; }
.bewertung-maps { flex:none; display:block; width:9rem; filter: drop-shadow(0 18px 26px rgba(0,0,0,.55)); transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.bewertung-maps:hover { transform: translateY(-4px) rotate(-2deg); }
.bewertung-maps:focus-visible { outline:2px solid #d4a53a; outline-offset:6px; }
.bewertung-maps img { display:block; width:100%; height:auto; }
.bewertung-cta { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2.5rem 2rem; background:#0b1220; border:1px solid rgba(255,255,255,.12); box-shadow: 0 30px 60px -30px rgba(0,0,0,.8); }
.bewertung-sterne { display:block; width:min(100%, 21rem); height:auto; filter: drop-shadow(0 6px 16px rgba(212,165,58,.3)); }
.btn-rezension { position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; width:100%; max-width:28rem; padding:.9rem 2rem 1rem; border-radius:999px; border:2px solid #b8861f; font-family:"Barlow Condensed", Barlow, sans-serif; font-weight:700; font-size:2rem; line-height:1.1; color:#fff; text-align:center; text-shadow: 0 2px 2px rgba(122,78,0,.6), 0 0 12px rgba(122,78,0,.35);
background: linear-gradient(180deg, #fbe08a 0%, #f4c843 42%, #e8b128 58%, #d99f1d 100%);
box-shadow: inset 0 2px 0 rgba(255,255,255,.6), inset 0 -4px 8px rgba(150,95,0,.35), 0 14px 32px -12px rgba(212,165,58,.8), 0 -6px 30px -12px rgba(240,211,138,.6);
transition: transform .25s, box-shadow .25s, filter .25s; }
.btn-rezension::before { content:""; position:absolute; z-index:-1; left:3.5%; right:3.5%; top:7%; height:42%; border-radius:999px; background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.08)); pointer-events:none; }
.btn-rezension:hover { transform: translateY(-2px); filter: brightness(1.05) saturate(1.05); box-shadow: inset 0 2px 0 rgba(255,255,255,.6), inset 0 -4px 8px rgba(150,95,0,.35), 0 20px 40px -12px rgba(212,165,58,.95), 0 -6px 34px -10px rgba(240,211,138,.7); }
.btn-rezension:active { transform: translateY(0); filter: brightness(.97); }
.btn-rezension:focus-visible { outline:2px solid #f0d38a; outline-offset:4px; }
@media (max-width: 639px) {
.bewertung-info { flex-direction:column; align-items:flex-start; gap:1.5rem; padding:1.75rem; }
.bewertung-maps { order:-1; width:5.5rem; }
.bewertung-cta { padding:2rem 1.25rem; }
.bewertung-zitat { font-size:1.15rem; }
.bewertung-zitat-gross { font-size:1.35rem; }
.btn-rezension { font-size:1.6rem; padding:.8rem 1.25rem .9rem; }
}
.field { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); color:#fff; transition: border-color .3s, box-shadow .3s, background .3s; }
.field::placeholder { color: rgba(255,255,255,.35); }
.field:focus { outline:none; border-color:#d4a53a; box-shadow: 0 0 0 4px rgba(212,165,58,.18); background: rgba(255,255,255,.07); }
.field.invalid { border-color: rgba(248,113,113,.7); box-shadow: 0 0 0 4px rgba(248,113,113,.12); }
.field.valid { border-color: rgba(52,211,153,.6); }
.field-msg { display:none; font-size:11px; color:#fca5a5; margin-top:.4rem; }
.datei-feld { display:flex; align-items:center; gap:.6rem; width:100%; padding:.75rem 1rem; font-size:.875rem; color:rgba(255,255,255,.65); cursor:pointer; background:rgba(255,255,255,.04); border:1px dashed rgba(255,255,255,.22); transition: border-color .3s, background .3s, color .3s; }
.datei-feld:hover { border-color:#d4a53a; color:#fff; background:rgba(212,165,58,.07); }
.datei-feld:focus-within { border-color:#d4a53a; box-shadow: 0 0 0 4px rgba(212,165,58,.18); color:#fff; }
.modus-bewerbung [data-reihe] { grid-template-columns: 1fr; }
.fld-wrap.invalid .field-msg { display:flex; align-items:center; gap:.35rem; }
select.field option { background:#111a2c; color:#fff; }
.honeypot { position:absolute; left:-9999px; opacity:0; height:0; width:0; }
.modal { transition: opacity .35s; }
.modal-card { transition: transform .4s cubic-bezier(.2,.7,.2,1), opacity .4s; background:#fff; color:#111827; }
.modal.hidden-modal { opacity:0; pointer-events:none; }
.modal.hidden-modal .modal-card { transform: translateY(20px) scale(.97); opacity:0; }
.prose-legal h4 { font-family: "Barlow Condensed", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.02em; color:#0b1220; margin-top:1.5rem; margin-bottom:.4rem; font-size:1.05rem; }
.prose-legal p, .prose-legal li { color:#4b5563; font-size:.9rem; line-height:1.65; }
.prose-legal ul { list-style:disc; padding-left:1.2rem; margin-top:.3rem; }
.prose-legal a { color:#b8892a; text-decoration:underline; }
.cookie-btn { transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; background:#0b1220; color:#d4a53a; border:2px solid #d4a53a; }
.cookie-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 16px 40px -12px rgba(0,0,0,.6), 0 0 30px -6px rgba(212,165,58,.7); }
.cookie-ring { border:1px solid rgba(212,165,58,.6); animation: pulseRing 3.2s cubic-bezier(.2,.7,.3,1) infinite; }
.cookie-btn.settled .cookie-ring { animation:none; opacity:0; }
.cookie-row { background:#fff; border:1px solid #e1e4ea; transition: border-color .3s; }
.cookie-row:hover { border-color:#d4a53a; }
#cookieBanner { transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s; }
#cookieBanner.off { transform: translateY(120%); opacity:0; pointer-events:none; }
#toast.show { opacity:1; transform:none; }
.marquee { mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.marquee-track { display:flex; gap:3.5rem; width:max-content; animation: marquee 34s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
main, header, footer { position:relative; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
.reveal, .reveal-left, .reveal-right { opacity:1; transform:none; }
}
@media (max-width: 1023px) {
.grid > *, .flex > * { min-width: 0; }
.marquee-track, .marquee-track > * { min-width: auto; }
body { overflow-wrap: break-word; }
}
@media (max-width: 360px) {
main .p-7 { padding: 1.25rem; }
}
@media (max-width: 480px) {
main .h-display.text-5xl, .modal-card .h-display.text-5xl { font-size: 2.25rem; }
main .h-display.text-4xl, .modal-card .h-display.text-4xl { font-size: 1.875rem; }
main .h-display.text-3xl, .modal-card .h-display.text-3xl { font-size: 1.375rem; }
main .h-display.text-2xl, .modal-card .h-display.text-2xl { font-size: 1.25rem; }
.modal-card .flex:not(.cookie-row) > .icon-box:first-child { display: none; }
.modal-card .h-display.text-3xl { font-size: 1.25rem; }
.btn { padding: .85rem 1.05rem; letter-spacing: .1em; }
}
.btn { white-space: normal; text-align: center; }
@media (min-width: 1024px) {
#logistik .grid > :last-child { align-self: end; }
}
*,: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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Barlow,Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,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}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,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}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.-bottom-52{bottom:-13rem}.-left-4{left:-1rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.-top-40{top:-10rem}.bottom-0{bottom:0}.bottom-24{bottom:6rem}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-6{left:1.5rem}.left-\[-16\%\]{left:-16%}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-5{right:1.25rem}.right-\[-14\%\]{right:-14%}.top-0{top:0}.top-1{top:.25rem}.top-3{top:.75rem}.top-4{top:1rem}.top-44{top:11rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}.z-\[80\]{z-index:80}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-px{margin-top:1px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[4\/4\.4\]{aspect-ratio:4/4.4}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[38rem\]{height:38rem}.h-\[44rem\]{height:44rem}.h-\[74px\]{height:74px}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.min-h-\[320px\]{min-height:320px}.min-h-\[78vh\]{min-height:78vh}.min-h-\[92vh\]{min-height:92vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[38rem\]{width:38rem}.w-\[44rem\]{width:44rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-3{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-3{--tw-translate-y:0.75rem}.translate-y-4{--tw-translate-y:1rem}.-rotate-90,.translate-y-4{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))}.-rotate-90{--tw-rotate:-90deg}.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 pulseRing{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}.animate-pulseRing{animation:pulseRing 2.2s cubic-bezier(.2,.7,.3,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.\!gap-0{gap:0!important}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem*var(--tw-space-x-reverse));margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))}.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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*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-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.\!border-paper-200{--tw-border-opacity:1!important;border-color:rgb(225 228 234/var(--tw-border-opacity,1))!important}.border-amber-400\/60{border-color:rgba(251,191,36,.6)}.border-gold-500{--tw-border-opacity:1;border-color:rgb(212 165 58/var(--tw-border-opacity,1))}.border-gold-500\/40{border-color:rgba(212,165,58,.4)}.border-gold-500\/50{border-color:rgba(212,165,58,.5)}.border-gold-500\/60{border-color:rgba(212,165,58,.6)}.border-gold-500\/70{border-color:rgba(212,165,58,.7)}.border-paper-200{--tw-border-opacity:1;border-color:rgb(225 228 234/var(--tw-border-opacity,1))}.border-red-400\/60{border-color:hsla(0,91%,71%,.6)}.border-safe-400\/60{border-color:rgba(52,211,153,.6)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.bg-gold-500{--tw-bg-opacity:1;background-color:rgb(212 165 58/var(--tw-bg-opacity,1))}.bg-gold-500\/10{background-color:rgba(212,165,58,.1)}.bg-navy-600\/25{background-color:rgba(36,51,80,.25)}.bg-navy-700{--tw-bg-opacity:1;background-color:rgb(24 35 56/var(--tw-bg-opacity,1))}.bg-navy-900{--tw-bg-opacity:1;background-color:rgb(11 18 32/var(--tw-bg-opacity,1))}.bg-navy-950{--tw-bg-opacity:1;background-color:rgb(7 11 19/var(--tw-bg-opacity,1))}.bg-navy-950\/85{background-color:rgba(7,11,19,.85)}.bg-paper-100{--tw-bg-opacity:1;background-color:rgb(238 240 243/var(--tw-bg-opacity,1))}.bg-paper-200{--tw-bg-opacity:1;background-color:rgb(225 228 234/var(--tw-bg-opacity,1))}.bg-paper-50{--tw-bg-opacity:1;background-color:rgb(247 248 250/var(--tw-bg-opacity,1))}.bg-safe-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-gold-500\/10{--tw-gradient-from:rgba(212,165,58,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(212,165,58,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-navy-900{--tw-gradient-from:#0b1220 var(--tw-gradient-from-position);--tw-gradient-to:rgba(11,18,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-navy-950{--tw-gradient-from:#070b13 var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,11,19,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-navy-950\/60{--tw-gradient-from:rgba(7,11,19,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,11,19,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-navy-950\/70{--tw-gradient-from:rgba(7,11,19,.7) var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,11,19,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-navy-950\/90{--tw-gradient-from:rgba(7,11,19,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,11,19,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-navy-900\/70{--tw-gradient-to:rgba(11,18,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(11,18,32,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-navy-900\/80{--tw-gradient-to:rgba(11,18,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(11,18,32,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-navy-950\/10{--tw-gradient-to:rgba(7,11,19,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(7,11,19,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-navy-950\/20{--tw-gradient-to:rgba(7,11,19,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(7,11,19,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-navy-900\/30{--tw-gradient-to:rgba(11,18,32,.3) var(--tw-gradient-to-position)}.to-navy-900\/40{--tw-gradient-to:rgba(11,18,32,.4) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.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-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pl-16{padding-left:4rem}.pr-12{padding-right:3rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Barlow Condensed,Barlow,Impact,sans-serif}.font-sans{font-family:Barlow,Inter,system-ui,sans-serif}.\!text-\[12px\]{font-size:12px!important}.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-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[2\.35rem\]{font-size:2.35rem}.text-\[2\.7rem\]{font-size:2.7rem}.text-\[9px\]{font-size:9px}.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-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.\!leading-tight{line-height:1.25!important}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[\.16em\]{letter-spacing:.16em}.tracking-\[\.22em\]{letter-spacing:.22em}.tracking-\[\.25em\]{letter-spacing:.25em}.tracking-\[\.28em\]{letter-spacing:.28em}.tracking-\[\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.\!text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.\!text-white\/25{color:hsla(0,0%,100%,.25)!important}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-gold-400{--tw-text-opacity:1;color:rgb(226 185 85/var(--tw-text-opacity,1))}.text-gold-500{--tw-text-opacity:1;color:rgb(212 165 58/var(--tw-text-opacity,1))}.text-gold-500\/15{color:rgba(212,165,58,.15)}.text-gold-600{--tw-text-opacity:1;color:rgb(184 137 42/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-navy-900{--tw-text-opacity:1;color:rgb(11 18 32/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-300\/90{color:hsla(0,94%,82%,.9)}.text-safe-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-safe-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-safe-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/35{color:hsla(0,0%,100%,.35)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/65{color:hsla(0,0%,100%,.65)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/85{color:hsla(0,0%,100%,.85)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[\#d4a53a\]{accent-color:#d4a53a}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow-card{--tw-shadow:0 20px 50px -25px rgba(11,18,32,.45);--tw-shadow-colored:0 20px 50px -25px var(--tw-shadow-color)}.shadow-card,.shadow-card-dark{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-card-dark{--tw-shadow:0 25px 60px -25px rgba(0,0,0,.7);--tw-shadow-colored:0 25px 60px -25px var(--tw-shadow-color)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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)}.blur-3xl{--tw-blur:blur(64px)}.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-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{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-blur-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;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-500{transition-duration:.5s}.duration-\[2000ms\]{transition-duration:2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.hover\:border-gold-500:hover{--tw-border-opacity:1;border-color:rgb(212 165 58/var(--tw-border-opacity,1))}.hover\:border-navy-900:hover{--tw-border-opacity:1;border-color:rgb(11 18 32/var(--tw-border-opacity,1))}.hover\:bg-gold-500:hover{--tw-bg-opacity:1;background-color:rgb(212 165 58/var(--tw-bg-opacity,1))}.hover\:bg-white\/40:hover{background-color:hsla(0,0%,100%,.4)}.hover\:text-gold-400:hover{--tw-text-opacity:1;color:rgb(226 185 85/var(--tw-text-opacity,1))}.hover\:text-gold-500:hover{--tw-text-opacity:1;color:rgb(212 165 58/var(--tw-text-opacity,1))}.hover\:text-gold-600:hover{--tw-text-opacity:1;color:rgb(184 137 42/var(--tw-text-opacity,1))}.hover\:text-navy-900:hover{--tw-text-opacity:1;color:rgb(11 18 32/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;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))}.group:hover .group-hover\:opacity-90{opacity:.9}@media (min-width:640px){.sm\:inset-x-auto{left:auto;right:auto}.sm\:bottom-6{bottom:1.5rem}.sm\:left-6{left:1.5rem}.sm\:right-24{right:6rem}.sm\:right-6{right:1.5rem}.sm\:mt-12{margin-top:3rem}.sm\:aspect-\[4\/4\.2\]{aspect-ratio:4/4.2}.sm\:h-11{height:2.75rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-5{gap:1.25rem}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-4{padding:1rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:px-9{padding-left:2.25rem;padding-right:2.25rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:py-32{padding-top:8rem;padding-bottom:8rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.lg\:left-1\/2{left:50%}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pl-0{padding-left:0}.lg\:pt-16{padding-top:4rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[4\.3rem\]{font-size:4.3rem}.lg\:text-\[4\.6rem\]{font-size:4.6rem}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-\[5\.2rem\]{font-size:5.2rem}.xl\:text-\[5\.6rem\]{font-size:5.6rem}}@media (min-width:1536px){.\32xl\:inline{display:inline}.\32xl\:gap-7{gap:1.75rem}.\32xl\:\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\32xl\:text-sm{font-size:.875rem;line-height:1.25rem}}