@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
src: url(/assets/fonts/inter-latin-v20.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap;
src: url(/assets/fonts/plus-jakarta-sans-latin-v12.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
--bl-orange: #F5A623;
--bl-orange-tief: #E09A1F;
--bl-orange-hell: #F7B84A;
--bl-anthrazit: #2D3142;
--bl-nacht: #0D1117;
--bl-nacht-tief: #080B12;
--bl-linie: #E8E4DE;
--bl-text: #1A1F2E;
--bl-schrift: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--bl-titel: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
html, body, #root { font-family: var(--bl-schrift); }
body { letter-spacing: -0.01em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
#root :is(button, input, select, textarea) { font-family: inherit; }
#root :is(h1, h2, h3, h4, h5, h6) { font-family: var(--bl-titel); }
#root :is(h1, h2) { letter-spacing: -0.025em; }
#root :is(h3, h4) { letter-spacing: -0.015em; }
#root :is(span, p, div).font-extrabold, #root :is(span, p, div).font-black { font-family: var(--bl-titel); }
#root :is([class*=" blur-["], [class^="blur-["], .blur-3xl, .blur-2xl, .blur-xl):is(.rounded-full, .rounded-2xl, .rounded-3xl).absolute:empty:not([class*="backdrop-blur"]) {
filter: none !important;
-webkit-mask-image: radial-gradient(closest-side, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%);
mask-image: radial-gradient(closest-side, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%);
}
#root :is(div, a, article)[class*="backdrop-blur"]:is([class*="bg-white/"], [class*="bg-[#F5A623]/"], [class*="bg-amber-500/"], [class*="bg-[#1e2a3a]/"]):is(.rounded-xl, .rounded-2xl, .rounded-3xl) {
background-color: rgba(13, 17, 23, .9) !important;
background-image: linear-gradient(165deg, rgba(13, 17, 23, .96) 0%, rgba(17, 22, 32, .88) 50%, rgba(13, 17, 23, .94) 100%) !important;
-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
border-color: rgba(245, 166, 35, .24) !important;
box-shadow: 0 18px 44px -12px rgba(5, 7, 10, .55), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}
#root :is(div, a)[class*="backdrop-blur"]:is([class*="bg-[#F5A623]/"], [class*="bg-amber-500/"]):is(.rounded-xl, .rounded-2xl, .rounded-3xl) {
background-image: radial-gradient(120% 90% at 0% 0%, rgba(245, 166, 35, .16), transparent 60%), linear-gradient(165deg, rgba(13, 17, 23, .96), rgba(17, 22, 32, .9)) !important;
border-color: rgba(245, 166, 35, .42) !important;
}
#root div[class*="backdrop-blur"][class*="bg-[#1e2a3a]/"] { background-color: rgba(13, 17, 23, .9) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#root :is(div, span)[class*="backdrop-blur"].rounded-full:is([class*="bg-white/"]) {
background-color: rgba(13, 17, 23, .82) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
border-color: rgba(245, 166, 35, .3) !important;
}
@media (hover: hover) {
#root :is(div, a, article).group[class*="backdrop-blur"]:is(.rounded-xl, .rounded-2xl, .rounded-3xl):hover {
border-color: rgba(245, 166, 35, .5) !important;
box-shadow: 0 24px 50px -16px rgba(5, 7, 10, .6), inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 34px -12px rgba(245, 166, 35, .35) !important;
}
}
#root :is([class~="text-white/20"], [class~="text-white/25"], [class~="text-white/30"], [class~="text-white/35"], [class~="text-white/40"], [class~="text-white/45"]) { color: rgba(255, 255, 255, .74) !important; }
#root :is([class~="text-white/50"], [class~="text-white/55"], [class~="text-white/60"], [class~="text-white/65"]) { color: rgba(255, 255, 255, .8) !important; }
#root :is([class~="text-white/70"], [class~="text-white/75"]) { color: rgba(255, 255, 255, .86) !important; }
#root section > div.absolute.inset-0:has(> img.object-cover)::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(180deg, rgba(8, 11, 18, .34) 0%, rgba(8, 11, 18, .2) 45%, rgba(8, 11, 18, .3) 100%);
}
#root section.min-h-screen > div.absolute.inset-0:has(> img.object-cover)::after {
background: linear-gradient(105deg, rgba(8, 11, 18, .62) 0%, rgba(8, 11, 18, .44) 45%, rgba(8, 11, 18, .18) 80%),
linear-gradient(180deg, rgba(8, 11, 18, .3) 0%, rgba(8, 11, 18, 0) 40%);
}
#root nav.fixed.top-0:not(.bg-white):not([class*="bg-white/"]) {
background-image: linear-gradient(180deg, rgba(8, 11, 18, .82) 0%, rgba(8, 11, 18, .55) 65%, rgba(8, 11, 18, 0) 100%);
}
#root nav.fixed.top-0:not(.bg-white):not([class*="bg-white/"]) > div > div.justify-between > div > :is(a, button):not([class~="bg-[#F5A623]"]):not(.bg-amber-500),
#root nav.fixed.top-0:not(.bg-white):not([class*="bg-white/"]) > div > div.justify-between > div > div.relative > :is(a, button) { color: #fff !important; }
#root :is([class~="text-[#2D3142]/30"], [class~="text-[#2D3142]/40"], [class~="text-[#2D3142]/45"], [class~="text-[#2D3142]/50"], [class~="text-[#2D3142]/55"], [class~="text-[#2D3142]/60"], [class~="text-[#2D3142]/65"]) { color: rgba(45, 49, 66, .76) !important; }
#root :is([class~="text-[#2D3142]/70"], [class~="text-[#2D3142]/75"]) { color: rgba(45, 49, 66, .84) !important; }
#root :is([class~="text-[#1A1F2E]/30"], [class~="text-[#1A1F2E]/40"], [class~="text-[#1A1F2E]/45"], [class~="text-[#1A1F2E]/50"], [class~="text-[#1A1F2E]/55"], [class~="text-[#1A1F2E]/60"], [class~="text-[#1A1F2E]/65"]) { color: rgba(26, 31, 46, .74) !important; }
#root :is([class~="text-[#1A1F2E]/70"], [class~="text-[#1A1F2E]/75"]) { color: rgba(26, 31, 46, .82) !important; }
#root :is(span, p, a, div, h3, h4, li):is([class~="text-[#F5A623]"], [class~="text-amber-400"], [class~="text-amber-500"], [class~="text-amber-600"]):not([class~="bg-[#F5A623]"]):not(.bg-amber-500):not([class*="bg-gradient"]) { color: #8A5300 !important; }
#root :is(h1, h2) :is(span[class*="text-[#F5A623]"], span.text-amber-400, span.text-amber-500, span.bg-clip-text) {
background-image: linear-gradient(90deg, #8A5300, #9A5F00 50%, #8A5300) !important; -webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: transparent !important;
}
#root :is(section.relative.overflow-hidden:not(.bg-white):not([class*="bg-[#F"]):not([class*="bg-gray-"]):not([class*="from-gray-"]):not([class*="from-[#F"]), section[class*="bg-[#2D3142]"], section[class*="from-[#2D3142]"], section[class*="bg-[#0"], section[class*="bg-[#1"], footer, [class*="backdrop-blur"]:not(nav), [class*="bg-[#0"], [class*="bg-[#1"], [class*="bg-[#2D3142]"])
:is(span, p, a, div, h3, h4, li):is([class~="text-[#F5A623]"], [class~="text-amber-400"], [class~="text-amber-500"], [class~="text-amber-600"]):not([class~="bg-[#F5A623]"]):not(.bg-amber-500):not([class*="bg-gradient"]) { color: var(--bl-orange-hell) !important; }
#root :is(section.relative.overflow-hidden:not(.bg-white):not([class*="bg-[#F"]):not([class*="bg-gray-"]):not([class*="from-gray-"]):not([class*="from-[#F"]), section[class*="bg-[#2D3142]"], section[class*="from-[#2D3142]"], section[class*="bg-[#0"], section[class*="bg-[#1"])
:is(h1, h2) :is(span[class*="text-[#F5A623]"], span.text-amber-400, span.text-amber-500, span.bg-clip-text) {
background-image: linear-gradient(90deg, var(--bl-orange), var(--bl-orange-hell) 50%, var(--bl-orange)) !important;
}
#root :is(section.relative.overflow-hidden:not(.bg-white):not([class*="bg-[#F"]):not([class*="bg-gray-"]):not([class*="from-gray-"]):not([class*="from-[#F"]), section[class*="bg-[#2D3142]"], section[class*="from-[#2D3142]"], section[class*="bg-[#0"], section[class*="bg-[#1"], [class*="bg-[#0"], [class*="bg-[#1"])
:is([class~="text-gray-400"], [class~="text-gray-500"], [class~="text-gray-600"]) { color: #C3C8D0 !important; }
#root :is(a, button):is([class~="bg-[#F5A623]"], .bg-amber-500) {
background-image: linear-gradient(135deg, var(--bl-orange-hell) 0%, var(--bl-orange) 50%, var(--bl-orange-tief) 100%) !important;
color: var(--bl-text) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
box-shadow: 0 10px 24px -12px rgba(245, 166, 35, .65), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
#root :is(a, button):is([class~="bg-[#F5A623]"], .bg-amber-500) svg { color: var(--bl-text) !important; }
#root :is(a, button):is([class~="bg-[#F5A623]"], .bg-amber-500):hover {
transform: translateY(-1px);
box-shadow: 0 16px 30px -12px rgba(245, 166, 35, .75), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}
#root :is(a, button):focus-visible { outline: 2px solid var(--bl-orange); outline-offset: 3px; }
#root :is(span, div)[class*="from-[#F5A623]"][class*="to-[#E09A1F]"]:is(.w-8, .w-10, .w-12, .w-14, .w-16):is(.flex, .inline-flex),
#root :is(span, div):is([class~="bg-[#F5A623]"], .bg-amber-500, [class*="from-amber-4"], [class*="from-amber-5"]):is(.text-white):is(.flex, .inline-flex),
#root :is(div):is([class~="bg-[#F5A623]"], .bg-amber-500, [class*="from-amber-4"], [class*="from-amber-5"]):is(.flex, .inline-flex):is(.w-8, .w-10, .w-12, .w-14, .w-16) > span.text-white {
color: var(--bl-text) !important;
font-variant-numeric: tabular-nums;
align-items: center !important; justify-content: center !important;
}
#root div.bg-white:is(.rounded-xl, .rounded-2xl, .rounded-3xl):is(.shadow-sm, .shadow-md, .shadow-lg) {
border-color: var(--bl-linie);
box-shadow: 0 1px 2px rgba(45, 49, 66, .05), 0 14px 34px -18px rgba(45, 49, 66, .22) !important;
transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease, border-color .35s ease !important;
position: relative;
}
#root div.bg-white:is(.rounded-2xl, .rounded-3xl):is(.shadow-sm, .shadow-md, .shadow-lg)::before {
content: ""; position: absolute; left: 14px; right: 14px; top: 0; height: 3px; border-radius: 0 0 3px 3px; pointer-events: none;
background: linear-gradient(90deg, var(--bl-orange), var(--bl-orange-hell));
transform: scaleX(0); transform-origin: left; transition: transform .45s ease;
}
@media (hover: hover) {
#root div.bg-white:is(.rounded-xl, .rounded-2xl, .rounded-3xl):is(.shadow-sm, .shadow-md, .shadow-lg):hover {
border-color: rgba(245, 166, 35, .35);
box-shadow: 0 2px 4px rgba(45, 49, 66, .05), 0 26px 50px -22px rgba(45, 49, 66, .32), 0 0 0 1px rgba(245, 166, 35, .12) !important;
}
#root div.bg-white:is(.rounded-2xl, .rounded-3xl):is(.shadow-sm, .shadow-md, .shadow-lg):hover::before { transform: scaleX(1); }
}
#root span[class*="bg-[#F5A623]/10"][class*="rounded-full"], #root span.rounded-full[class*="bg-amber-"] {
box-shadow: inset 0 0 0 1px rgba(245, 166, 35, .28);
letter-spacing: .14em;
}
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) {
background-color: #0D1117 !important;
-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
border-bottom: 1px solid rgba(245, 166, 35, .26) !important;
box-shadow: 0 10px 30px -16px rgba(0, 0, 0, .6) !important;
}
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) img[src$="logo-dark.png"] { content: url(/assets/logo-white.png); }
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) > div > div.justify-between > div > :is(a, button):not([class~="bg-[#F5A623]"]):not(.bg-amber-500),
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) > div > div.justify-between > div > div.relative > :is(a, button),
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) > div > div.justify-between > button {
color: rgba(255, 255, 255, .86) !important;
}
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) > div > div.justify-between > div > :is(a, button):not([class~="bg-[#F5A623]"]):not(.bg-amber-500):hover,
#root nav.fixed.top-0:is(.bg-white, [class*="bg-white/"]) > div > div.justify-between > div > div.relative > :is(a, button):hover { color: var(--bl-orange-hell) !important; }
#root footer {
position: relative; isolation: isolate;
background-color: #0B0E14 !important;
background-image:
radial-gradient(ellipse at 15% 30%, rgba(245, 166, 35, .11) 0%, transparent 45%),
radial-gradient(ellipse at 85% 70%, rgba(245, 166, 35, .07) 0%, transparent 40%),
radial-gradient(ellipse at 50% 95%, rgba(247, 184, 74, .05) 0%, transparent 50%),
linear-gradient(180deg, #11151D 0%, #0B0E14 100%) !important;
border-top: 1px solid rgba(245, 166, 35, .18);
}
#root footer::before {
content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; pointer-events: none; z-index: 1;
background: linear-gradient(90deg, transparent 5%, rgba(245, 166, 35, .6) 30%, rgba(247, 184, 74, .85) 50%, rgba(245, 166, 35, .6) 70%, transparent 95%);
}
#root footer [class*="border-t"] {
border-top-color: transparent !important;
border-image: linear-gradient(90deg, transparent 5%, rgba(245, 166, 35, .3) 30%, rgba(247, 184, 74, .5) 50%, rgba(245, 166, 35, .3) 70%, transparent 95%) 1;
}
#root footer :is(span, h3, h4)[class*="uppercase"][class*="tracking-"] { color: var(--bl-orange) !important; font-family: var(--bl-titel); font-weight: 700; }
#root footer a:hover { color: var(--bl-orange-hell) !important; }
@media (hover: hover) {
#root section .overflow-hidden > img.object-cover { transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
#root section .overflow-hidden:hover > img.object-cover:not([class*="scale-"]) { transform: scale(1.04); }
}
#root [data-state="open"]:is(div, h3) { box-shadow: inset 3px 0 0 var(--bl-orange); }
::selection { background: rgba(245, 166, 35, .35); color: inherit; }
html { scrollbar-color: rgba(45, 49, 66, .45) transparent; }
@media (prefers-reduced-motion: reduce) {
#root *, #root *::before { transition-duration: 0s !important; }
#root :is(a, button):hover, #root div:hover { transform: none !important; }
#root section .overflow-hidden:hover > img.object-cover { transform: none !important; }
}
#root span[class*="from-[#F5A623]"][class*="to-[#E09A1F]"].w-14.inline-flex { padding-bottom: 2.5px; }