@layer base { body, :host { /* Color */ --neutral-0: #0F0F0F; --neutral-1: #1C1C1C; --neutral-2: #323232; --neutral-3: #484848; --neutral-4: #5D5D5D; --neutral-5: #737373; --neutral-6: #898989; --neutral-7: #9E9E9E; --neutral-8: #B4B4B4; --neutral-9: #CACACA; --neutral-10: #DFDFDF; --neutral-11: #F0F0F0; --neutral-12: #fafafa; --brown-1: #2f291d; --brown-2: #2b2317; --brown-3: #392e1e; --brown-4: #694818; --brown-5: #8B6022; --brown-6: #AC782C; --brown-7: #CE9036; --brown-8: #D8A357; --brown-9: #E1B779; --brown-10: #EACA9B; --brown-11: #F2DDBF; --brown-12: #FAF0E2; --khaki-1: #242624; --khaki-2: #393D39; --khaki-3: #4E534E; --khaki-4: #636A63; --khaki-5: #788078; --khaki-6: #8E958E; --khaki-7: #A4AAA4; --khaki-8: #BBBFBB; --khaki-9: #D1D4D1; --khaki-10: #E7E9E7; --khaki-11: #EFF0EF; --khaki-12: #EFF0EF; --success-1: #0A260A; --success-2: #134813; --success-3: #1D691D; --success-4: #278A27; --success-5: #33AA33; --success-6: #43C543; --success-7: #63D163; --success-8: #83DC83; --success-9: #A4E6A4; --success-10: #C6F0C6; --success-11: #E7F9E7; --success-12: #E6F9E6; --warning-1: #302200; --warning-2: #5C4100; --warning-3: #876000; --warning-4: #B27F00; --warning-5: #DC9E02; --warning-6: #FAB70F; --warning-7: #FDC537; --warning-8: #FFD261; --warning-9: #FFDE8C; --warning-10: #FFEBB7; --warning-11: #FFF6E0; --warning-12: #FFF6E0; --critical-1: #1E0800; --critical-2: #401202; --critical-3: #691E04; --critical-4: #912B07; --critical-5: #B9380B; --critical-6: #DF4610; --critical-7: #F25D28; --critical-8: #F77B4F; --critical-9: #FA9977; --critical-10: #FDB8A0; --critical-11: #FED7C9; --critical-12: #FFE8E0; --overlay-a1: #ffffff0d; --overlay-a2: #ffffff1a; --overlay-a3: #ffffff26; --overlay-a4: #ffffff33; --overlay-a5: #ffffff4d; --overlay-a6: #ffffff66; --overlay-a7: #ffffff80; --overlay-a8: #ffffff99; --overlay-a9: #ffffffb3; --overlay-a10: #ffffffcc; --overlay-a11: #ffffffe6; --overlay-a12: #fffffff2; --overlay-inverted-a1: #0000000d; --overlay-inverted-a2: #0000001a; --overlay-inverted-a3: #00000026; --overlay-inverted-a4: #00000033; --overlay-inverted-a5: #0000004d; --overlay-inverted-a6: #00000066; --overlay-inverted-a7: #00000080; --overlay-inverted-a8: #00000099; --overlay-inverted-a9: #000000b3; --overlay-inverted-a10: #000000cc; --overlay-inverted-a11: #000000e6; --overlay-inverted-a12: #000000f2; --focus: var(--accent-1); --primary: #FFE8E0; --accent-1: var(--critical-8); --accent-2: var(--success-10); --shadows: #24262409; --bg-body: var(--brown-12); --bg-1: var(--neutral-12); --bg-2: #f7e8d4; --dashboard-bg-body: var(--neutral-12); --dashboard-bg-1: var(--neutral-11); --dashboard-bg-2: var(--neutral-10); --dashboard-border: var(--overlay-inverted-a2); --success-primary: var(--success-8); --success-bg: var(--success-12); --warning-primary: var(--warning-8); --warning-bg: var(--warning-12); --critical-primary: var(--critical-6); --critical-bg: var(--critical-12); --info-primary: var(--neutral-6); --info-bg: var(--neutral-12); --btn-pri-bg: var(--khaki-2); --btn-pri-border: var(--khaki-2); --btn-pri-text: var(--brown-12); --btn-pri-bg-hover: var(--khaki-2); --btn-pri-border-hover: var(--khaki-2); --btn-pri-text-hover: var(--brown-12); --btn-sec-bg: var(--brown-12); --btn-sec-border: var(--brown-12); --btn-sec-text: var(--neutral-0); --btn-sec-bg-hover: var(--brown-12); --btn-sec-border-hover: var(--brown-12); --btn-sec-text-hover: var(--neutral-0); --btn-ter-bg: var(--overlay-inverted-a1); --btn-ter-border: transparent; --btn-ter-text: var(--text-normal); --btn-ter-bg-hover: var(--overlay-inverted-a2); --btn-ter-border-hover: transparent; --btn-ter-text-hover: var(--text-normal); --text-100: var(--neutral-0); --text-075: #0f0f0fbf; --text-050: #0f0f0f80; --text-025: #0f0f0f40; --text-alternate-100: var(--bg-1); --text-alternate-075: #fafafabf; --text-alternate-050: #fafafa80; --text-alternate-025: #fafafa40; --text-khaki-100: var(--khaki-2); --text-khaki-075: #393d39bf; --text-khaki-050: text-khaki-050; --text-khaki-025: #393d3940; /* Fonts */ --font-sairacondensed: 'Saira Condensed',sans-serif; --font-saira: 'Saira',sans-serif; --font-inter: 'Inter',sans-serif; /* Font size */ --text-xs: 0.75rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: clamp(2.25rem, 1.875rem + 1vw, 2.75rem); --text-5xl: clamp(2.75rem, 2.1875rem + 1.5vw, 3.5rem); --text-6xl: clamp(3.25rem, 1.9375rem + 3.5vw, 5rem); --text-7xl: clamp(3.75rem, 2.0625rem + 4.5vw, 6rem); /* Font weight */ --normal: 400; --medium: 500; --semi: 600; --bold: 700; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Border radius */ /* Spacing */ --rounding-none: 0px; --rounding-sm: 1.5rem; --rounding-md: 2rem; --rounding-lg: 2.5rem; --rounding-full: 9999px; --border-none: 0px; --border-md: 1px; --border-lg: 2px; --line-height-xs: 0.9rem; --line-height-sm: 1.05rem; --line-height-md: 1.2rem; --line-height-lg: 1.35rem; --line-height-xl: 1.5rem; --line-height-2xl: 1.8rem; --line-height-3xl: 2.0625rem; --line-height-4xl: clamp(2.25rem, 1.875rem + 1vw, 2.75rem); --line-height-5xl: clamp(2.5rem, 2.0125rem + 1.3vw, 3.15rem); --line-height-6xl: clamp(2.95rem, 1.7875rem + 3.1vw, 4.5rem); --line-height-7xl: clamp(3.4rem, 1.9rem + 4vw, 5.4rem); --letter-spacing-xs: 0rem; --letter-spacing-sm: 0rem; --letter-spacing-md: 0rem; --letter-spacing-lg: 0rem; --letter-spacing-xl: 0rem; --letter-spacing-2xl: 0rem; --letter-spacing-3xl: 0rem; --letter-spacing-4xl: -0.045rem; --letter-spacing-5xl: -0.0575rem; --letter-spacing-6xl: -0.075rem; --interactive-height-sm: 2rem; --interactive-height-md: 2.5rem; --interactive-height-lg: 3rem; --toggle-height-md: 1.5rem; --spinner-size-sm: 1.25rem; --spinner-size-md: 1.5rem; --spinner-size-lg: 1.75rem; --header-height: 4.5rem; --avatar-size-sm: 2rem; --avatar-size-md: 3rem; --avatar-size-lg: 4rem; --badge-size-sm: 1.5rem; --badge-size-md: 2rem; --badge-size-lg: 2.5rem; --container-full: 140rem; --container-lg: 96rem; --container-md: 80rem; --container-sm: 64rem; --container-xs: 48rem; --container-none: 0rem; --padding-lg: 8rem; --padding-md: 6rem; --padding-sm: 4rem; --padding-none: 0rem; --padding-global: clamp(1.25rem, 0.3125rem + 2.5vw, 2.5rem); --blur: 20px; --shadow-1: 0 0.125rem 0.25rem var(--shadows), 0 0.25rem 0.375rem var(--shadows), 0 0.375rem 0.5rem var(--shadows); --shadow-2: 0 0.25rem 0.5rem var(--shadows), 0 0.5rem 0.75rem var(--shadows), 0 0.75rem 1rem var(--shadows); --shadow-3: 0 0.5rem 1rem var(--shadows), 0 1rem 1.5rem var(--shadows), 0 1.5rem 2rem var(--shadows); /* Z-index */ } @keyframes animation-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animation-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes animation-fade-out { from { opacity:1; } to { opacity:0; } } } .edTZuU { flex:1; color:var(--text-075); display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); font-family:Inter; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .edTZuU.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .edTZuU.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .westhafen_designcore_v2\/app-provider\:8XsYHwuz_385d0bvapog- { color:inherit; font-size:10px; } .westhafen_designcore_v2\/app-provider\:DHC-wwwSDLkNcGUXWllVo { color:#757575; font-size:9px; line-height:11px; } .westhafen_designcore_v2\/app-provider\:E7yUl_ojr29Du68JRKrFC { color:inherit; font-size:11px; margin-top:4px; font-weight:bold; } .westhafen_designcore_v2\/app-provider\:G1YT-GIAzZTs8eSPHg4Wl { color:inherit; font-size:10px; } .cTqWpj { top:12px; color:#1d4ee2; right:-16px; width:16px; cursor:pointer; height:32px; display:flex; position:absolute; background:white; transition:all 150ms ease; align-items:center; justify-content:center; border-top-right-radius:4px; border-bottom-right-radius:4px; } .cTqWpj:hover { color:white; background:#1d4ee2; } .westhafen_designcore_v2\/app-provider\:MEAoIAFZHQW_HlsxSpiSY { color:inherit; font-size:10px; } .bFtwKY { width:100%; height:1px; background-color:var(--grey-600, #525252); } .bFtwKY.orientation-vertical { width:1px; height:100%; } .westhafen_designcore_v2\/ui-separator\:root { background:var(--overlay-inverted-a2); } .westhafen_designcore_v2\/app-provider\:XPJHFk80aIZKYKCWF_Rtf { color:inherit; font-size:11px; margin-top:4px; font-weight:bold; } .cgGrpZ { height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .westhafen_designcore_v2\/sc-toast-region\:root { display:flex; align-items:center; justify-content:flex-end; } .westhafen_designcore_v2\/ui-toast-provider\:014O9K_iYNtOrIAxbLF7h { width:100%; display:flex; position:relative; max-width:360px; transition:height 150ms ease 0ms normal; flex-direction:column; } .bHYIqa { top:var(--top); width:100%; position:absolute; pointer-events:all; } .bHYIqa.swipe-out-top { translate:0 -100%; } .bHYIqa.swipe-out-right { translate:100% 0px; } .bHYIqa.swipe-out-bottom { translate:0 100%; } .bHYIqa.swipe-out-left { translate:-100% 0px; } .westhafen_designcore_v2\/ui-toast\:root { color:var(--text-100); width:100%; opacity:0; row-gap:0.5rem; z-index:10; min-width:12rem; translate:0 16px; background:var(--dashboard-bg-body); box-shadow:var(--shadow-2); column-gap:0.5rem; margin-top:0.75rem; margin-left:0.75rem; padding-top:1rem; border-color:var(--dashboard-border); border-style:solid; border-width:var(--border-md); margin-right:0.75rem; padding-left:1rem; margin-bottom:0.75rem; padding-right:1rem; padding-bottom:1rem; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .westhafen_designcore_v2\/ui-toast\:root.open { opacity:1; translate:0 0px; transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal; } .westhafen_designcore_v2\/ui-toast\:root.closing { opacity:0; translate:0 -16px; } .westhafen_designcore_v2\/ui-toast\:root.open-transition { transition:all 250ms ease 0ms normal; } .westhafen_designcore_v2\/ui-toast\:root.close-transition { transition:all 150ms ease 0ms normal; } .westhafen_designcore_v2\/ui-toast\:root.success { color:var(--text-100); background:var(--success-bg); border-color:var(--success-6, #145750); border-style:solid; border-width:1px; } .westhafen_designcore_v2\/ui-toast\:root.warning { color:var(--text-100); background:var(--warning-bg); border-color:var(--warning-6, #5C3D05); border-style:solid; border-width:1px; } .westhafen_designcore_v2\/ui-toast\:root.critical { color:var(--text-100); background:var(--critical-bg); border-color:var(--critical-6, #6F2539); border-style:solid; border-width:1px; } .fca-DUD { width:fit-content; cursor:pointer; height:auto; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } .fca-DUD.cursor_default { cursor:default; } .westhafen_designcore_v2\/ui-button-text\:root { color:var(--text-100); width:fit-content; height:fit-content; font-size:var(--text-md); transition:opacity 200ms ease 0ms normal; align-items:center; font-family:Inter; font-weight:var(--semi); user-select:none; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); -webkit-tap-highlight-color:transparent; } .westhafen_designcore_v2\/ui-button-text\:root:hover { opacity:0.8; } .westhafen_designcore_v2\/ui-button-text\:root:active { transition:none; } .westhafen_designcore_v2\/ui-button-text\:root.disabled { cursor:default; opacity:0.3; } .westhafen_designcore_v2\/ui-button-text\:root:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); } .bYosio { top:0px; left:0px; right:0px; bottom:0px; display:flex; position:absolute; align-items:center; justify-content:center; } .eyIfxc { width:100%; height:var(--button-height); display:flex; row-gap:0.5rem; font-size:var(--font-size); column-gap:0.5rem; align-items:center; font-family:Inter; font-weight:var(--medium); padding-left:var(--vertical-padding); padding-right:var(--vertical-padding); flex-direction:row; justify-content:center; } .eyIfxc.icon { width:var(--button-height); padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .eMfobU { width:var(--size); height:var(--size); max-width:100%; max-height:100%; } .cyIZTe { color:var(--color); width:100%; height:100%; } .fvYDLP { display:flex; row-gap:0.35rem; column-gap:0.35rem; align-items:center; flex-direction:row; justify-content:flex-start; } .fvYDLP.loading { opacity:0; } .eWZPaj { color:var(--color); width:var(--size); height:var(--size); animation:spinner 1s linear infinite; padding-top:3px; padding-left:3px; border-radius:50%; padding-right:3px; padding-bottom:3px; } .fvTCqB { animation:antirotation 3s linear infinite; } .westhafen_designcore_v2\/ui-button-text\:zAXDnXwWxocGGh_S-i75y { width:1rem; height:1rem; margin-right:0.25rem; } .westhafen_designcore_v2\/ui-toast\:1m5KziJJeQvhtAhqAtd4q { top:0.5rem; right:0.5rem; z-index:1; position:absolute; } .westhafen_designcore_v2\/ui-toast\:88tanwppGWp6C0dRvkHxv { color:inherit; font-weight:var(--semi); } .fpDBIA { gap:0.5rem; display:flex; align-items:center; padding-right:4rem; flex-direction:row; justify-content:flex-start; } .westhafen_designcore_v2\/ui-toast\:cb4pp82RmUA7oQYSLF-qs { color:var(--text-075); } .ezeRiZ { width:var(--width); height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .westhafen_designcore_v2\/ui-toast-provider\:cgQCN3vQO76a8bGIQLf9v { align-items:end; padding-top:1.25rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:1.25rem; justify-content:start; } @media (max-width: 1024px) { .westhafen_designcore_v2\/ui-toast-provider\:cgQCN3vQO76a8bGIQLf9v { align-items:center; justify-content:start; } } .westhafen_designcore_v2\/app-provider\:__CyKUnc_Cn1qn-5ou8Wi { color:inherit; } .westhafen_designcore_v2\/app-provider\:dw6S0Ist5IglyEoGjvDow { color:inherit; font-size:10px; } .KsFov { width:var(--width); height:var(--height); position:fixed; overflow-x:hidden; overflow-y:hidden; align-items:center; pointer-events:none; justify-content:center; } .KsFov.modal { touch-action:none; pointer-events:all; } .westhafen_designcore_v2\/ui-alert-dialog\:0cypBjiMpVNTXiQbwzqFa { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .byjkOA { top:0px; left:0px; right:0px; bottom:0px; z-index:-1; position:absolute; } .westhafen_designcore_v2\/ui-alert-dialog\:cMhFTCIvse6la-UMNF2dk { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .westhafen_designcore_v2\/ui-alert-dialog\:cMhFTCIvse6la-UMNF2dk.open { opacity:1; } .westhafen_designcore_v2\/ui-alert-dialog\:cMhFTCIvse6la-UMNF2dk.open-transition { transition:opacity 300ms ease 0ms normal; } .westhafen_designcore_v2\/ui-alert-dialog\:cMhFTCIvse6la-UMNF2dk.close-transition { transition:opacity 300ms ease 0ms normal; } .bOrScc { flex:1; display:flex; align-items:flex-end; justify-content:flex-start; } .RsLzV { color:var(--text-075); font-size:var(--font-size); margin-top:var(--margin-top); font-family:Inter; font-weight:var(--normal); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .RsLzV.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .RsLzV.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .westhafen_designcore_v2\/c-error-content\:2_tsOXSxZ7w_P7I0YsqnA { opacity:0.75; } .SWxlP { position:relative; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; } .SWxlP:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .westhafen_designcore_v2\/ui-alert-dialog-content\:root { width:100%; opacity:0; max-width:28rem; translate:0 20px; background:var(--dashboard-bg-1); box-shadow:var(--shadow-2); padding-top:1.5rem; border-color:var(--dashboard-border); border-style:solid; border-width:var(--border-md); padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1.5rem; border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .westhafen_designcore_v2\/ui-alert-dialog-content\:root.open { opacity:1; translate:0 0px; } .westhafen_designcore_v2\/ui-alert-dialog-content\:root.open-transition { transition:all 320ms ease 0ms normal; } .westhafen_designcore_v2\/ui-alert-dialog-content\:root.close-transition { transition:all 200ms ease 0ms normal; } .westhafen_designcore_v2\/c-error-content\:2msB_7LGawLL2f79n-Bg4 { max-width:100%; min-width:24rem; } .cCYXsI { width:100%; } .dnZEVP { gap:0.5rem; align-items:center; padding-top:1.5rem; flex-direction:row; justify-content:end; } .westhafen_designcore_v2\/c-error-content\:3xahTlUPxAYKgBAcVeTu1 { display:flex; align-items:center; flex-direction:row; justify-content:space-between; } .westhafen_designcore_v2\/ui-button-secondary\:root { color:var(--btn-sec-text); width:fit-content; height:fit-content; font-size:var(--text-md); background:var(--btn-sec-bg); overflow-x:hidden; overflow-y:hidden; transition:background-color 200ms ease 0ms normal; align-items:center; font-family:Inter; font-weight:var(--semi); user-select:none; border-color:var(--btn-sec-border); border-style:solid; border-width:var(--border-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); -webkit-tap-highlight-color:transparent; } .westhafen_designcore_v2\/ui-button-secondary\:root:hover { color:var(--btn-sec-text-hover); background:var(--btn-sec-bg-hover); border-color:var(--btn-sec-border-hover); border-style:solid; border-width:var(--border-md); } .westhafen_designcore_v2\/ui-button-secondary\:root:active { color:var(--btn-sec-text-hover); background:var(--btn-sec-bg-hover); transition:none; border-color:var(--btn-sec-border-hover); border-style:solid; border-width:var(--border-md); } .westhafen_designcore_v2\/ui-button-secondary\:root.disabled { cursor:default; opacity:0.5; background:var(--btn-sec-bg); } .westhafen_designcore_v2\/ui-button-secondary\:root:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .westhafen_designcore_v2\/ui-button-secondary\:root.trigger-open { background:var(--btn-sec-bg-hover); } .fwkHpo { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:; position:absolute; font-size:inherit; background:var(--btn-sec-bg); align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; } .westhafen_designcore_v2\/c-error-content\:5oPLdgw6vd39q4yCQJg0b { min-width:9rem; margin-top:1rem; } .westhafen_designcore_v2\/c-error-content\:6nqFKZ2Dlfi6BkYF0KVSG { display:flex; row-gap:1rem; column-gap:1rem; align-items:flex-start; justify-content:flex-start; } .dgdmmD { gap:0.5rem; width:100%; height:3rem; display:flex; background:var(--dashboard-bg-body); transition:background-color 200ms ease 0ms normal; align-items:center; border-color:var(--overlay-inverted-a3); border-style:solid; border-width:var(--border-md); padding-left:1.125rem; padding-right:1.125rem; flex-direction:row; justify-content:start; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); } .dgdmmD.focused { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .dgdmmD.disabled { opacity:0.5; } .bKdNUw { flex:1; color:var(--text-100); width:100%; height:100%; font-size:var(--text-md); font-family:Inter; font-weight:var(--normal); } .bKdNUw::placeholder { color:var(--text-025); font-size:var(--text-md); font-family:Inter; font-weight:var(--normal); } .ewdaXP { width:100%; row-gap:0rem; column-gap:0rem; margin-top:1rem; } .westhafen_designcore_v2\/c-error-content\:A5BHil9jE97GgMYpZ_6IL { color:var(--success-primary); } .westhafen_designcore_v2\/c-error-content\:CD9mQpxKNtgUGUbViPn7a { width:100%; opacity:0.75; padding-top:1rem; } .dvjCZF { display:flex; row-gap:1remi; column-gap:1remi; text-align:center; align-items:center; flex-direction:column; justify-content:flex-start; } .westhafen_designcore_v2\/ui-field-text-area\:root { width:100%; height:fit-content; overflow-x:auto; overflow-y:auto; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .fEXSwh { flex:1; color:var(--text-100); width:100%; height:100%; font-size:var(--text-md); font-family:Inter; font-weight:var(--normal); padding-top:1.125rem; padding-left:1.125rem; padding-right:1.125rem; padding-bottom:1.125rem; } .fEXSwh::placeholder { color:var(--text-025); font-size:var(--text-md); font-family:Inter; font-weight:var(--normal); } .dViIGM { width:100%; row-gap:0.25rem; column-gap:0.25rem; } .westhafen_designcore_v2\/c-error-content\:PkzdsQm4TQeSEZATEKxkN { color:var(--text-050); text-align:left; } .westhafen_designcore_v2\/c-error-content\:RTQatS7PZWstkVpZbSRJQ { color:var(--text-100); font-size:var(--text-lg); text-align:left; font-weight:var(--bold); } .westhafen_designcore_v2\/ui-alert-dialog-button-primary\:xR7ymzGvQufV8qrDjOfOu { min-width:9rem; } .westhafen_designcore_v2\/c-error-content\:THX0fcjze_maiqiWXkzPG { min-width:8rem; } .eVwkkw { width:100%; height:3rem; display:flex; row-gap:1rem; z-index:2; column-gap:1rem; text-align:center; align-items:flex-start; margin-bottom:-3rem; flex-direction:row; justify-content:flex-end; } .westhafen_designcore_v2\/ui-button-tertiary\:root { color:var(--btn-ter-text); width:fit-content; height:fit-content; font-size:var(--text-md); background:var(--btn-ter-bg); overflow-x:hidden; overflow-y:hidden; transition:background-color 200ms ease 0ms normal; align-items:center; font-family:Inter; font-weight:var(--semi); user-select:none; border-color:var(--btn-ter-border); border-style:solid; border-width:1px; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); -webkit-tap-highlight-color:transparent; } .westhafen_designcore_v2\/ui-button-tertiary\:root:hover { color:var(--btn-ter-text-hover); background:var(--btn-ter-bg-hover); border-color:var(--btn-ter-border-hover); border-style:solid; border-width:var(--border-md); } .westhafen_designcore_v2\/ui-button-tertiary\:root:active { color:var(--btn-ter-text-hover); background:var(--btn-ter-bg-hover); transition:none; border-color:var(--btn-ter-border-hover); border-style:solid; border-width:var(--border-md); } .westhafen_designcore_v2\/ui-button-tertiary\:root:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .westhafen_designcore_v2\/ui-button-tertiary\:root.trigger-open { color:var(--btn-ter-text-hover); background:var(--btn-ter-bg-hover); border-color:var(--btn-ter-border-hover); border-style:solid; border-width:var(--border-md); } .westhafen_designcore_v2\/ui-button-tertiary\:root.disabled { cursor:default; opacity:0.5; background:var(--btn-ter-bg); } .dpRxZr { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:; position:absolute; font-size:inherit; background:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; } .frhUtS.loading { opacity:0; } .westhafen_designcore_v2\/c-error-content\:aSMMx2ofJnuhmI6aIoP-- { color:var(--text-050); text-align:left; } .westhafen_designcore_v2\/c-error-content\:btZHSAUU-iC6wF3_Q4H5S { font-size:var(--text-lg); text-align:left; font-weight:var(--bold); } .westhafen_designcore_v2\/c-error-content\:fiz96wUzwO4IGAwlXqFsh { width:100%; opacity:0.75; } .westhafen_designcore_v2\/c-error-content\:gJTI-uElofh2bQVcHEfxx { margin-bottom:0.25rem; } .westhafen_designcore_v2\/c-error-content\:gViYjYjmvkEbtaBMsFmnm { color:var(--critical-primary); } .biOqjK { width:100%; padding-left:1.125rem; padding-bottom:0.375rem; } .westhafen_designcore_v2\/ui-field-label\:4yi0C_LuPUQssFsYFNy7h { color:var(--text-075); font-weight:var(--medium); } .iFzkx { width:100%; display:flex; row-gap:1rem; column-gap:1rem; align-items:flex-end; justify-content:flex-end; } .dAGUHV { color:var(--color); cursor:pointer; display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); transition:color 300ms ease 0ms normal; font-family:Inter; font-weight:var(--medium); line-height:var(--line-height); white-space:normal; border-radius:var(--rounding-md); margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); text-decoration-line:underline; text-decoration-color:var(--color-underline); text-decoration-style:solid; text-underline-offset:var(--underline-offset); text-decoration-thickness:var(--underline-thickness); } .dAGUHV:hover { color:var(--color-hovered); text-decoration-color:var(--color-underline-hovered); } .dAGUHV:active { color:var(--color-active); transition:none; } .dAGUHV:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .dAGUHV.no-underline { text-decoration-line:none; } .westhafen_designcore_v2\/c-error-content\:tjkU6exLBtKItNvGEEEFB { display:flex; row-gap:1rem; column-gap:1rem; align-items:flex-start; justify-content:flex-start; } .westhafen_designcore_v2\/c-error-content\:vXVPXBmHbM51NlpKZI-hp { color:var(--text-100); font-weight:var(--semi); } .bNfNZw { row-gap:0.25rem; column-gap:0.25rem; } .westhafen_designcore_v2\/c-error-content\:zlKQLKkgHAKmP5hALtJOv { color:var(--text-075); text-align:left; } .westhafen_designcore_v2\/app-provider\:pXyg-W_6N6crVJy1kQmPl { color:#1d4ee2; bottom:2px; font-size:13px; font-weight:bold; } .fvOOzE { top:20vh; left:0px; color:black; width:180px; z-index:999999; position:fixed; translate:-180px 0 0; background:white; transition:translate 300ms ease; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; } .fvOOzE.open { translate:0px 0 0; } .bTByeV { width:68rem; display:flex; row-gap:1.5rem; max-width:100%; translate:0 0% 0; background:var(--bg-1); box-shadow:var(--shadow-2); column-gap:1.5rem; overflow-x:hidden; overflow-y:hidden; transition:translate 600ms ease 100ms; align-items:flex-end; margin-left:auto; padding-top:1rem; border-color:var(--overlay-inverted-a2); border-style:solid; border-width:var(--border-md); margin-right:auto; padding-left:1rem; margin-bottom:1rem; padding-right:1rem; flex-direction:column; padding-bottom:1rem; justify-content:space-between; border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .bTByeV { @starting-style { translate:0 100% 0; padding-top:0px; padding-bottom:0px; } } .fxlmAw { color:var(--text-khaki-100); width:100%; font-size:var(--font-size); margin-top:var(--margin-top); font-family:"Saira Condensed"; font-weight:var(--bold); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); text-transform:uppercase; } .fxlmAw.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .fxlmAw.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .westhafen_designcore_v2\/c-cookie-banner-settings\:-jt6Ic_I63_dWZZ-G877r { width:fit-content; } .LGjNi { flex:1; display:flex; row-gap:0.5rem; column-gap:0.5rem; align-items:flex-start; justify-content:space-between; } .ecocdk { width:100%; display:flex; row-gap:2rem; column-gap:2rem; align-items:center; flex-direction:row; justify-content:space-between; } .cVMNhr { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:absolute; pointer-events:none; } .westhafen_designcore_v2\/ui-switch\:DmAadbby4LagUFMk8d0VD { width:var(--switch-width); cursor:pointer; height:var(--switch-height); background:var(--dashboard-bg-body); transition:background-color 200ms ease 0ms normal; align-items:start; padding-top:0px; border-color:var(--overlay-inverted-a3); border-style:solid; border-width:var(--border-md); padding-left:var(--padding); border-radius:var(--rounding-full); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:var(--padding); outline-offset:var(--border-md); padding-bottom:0px; justify-content:center; } .westhafen_designcore_v2\/ui-switch\:DmAadbby4LagUFMk8d0VD:hover { background:var(--neutral-11); } .westhafen_designcore_v2\/ui-switch\:DmAadbby4LagUFMk8d0VD.checked { background:var(--accent-1); } .westhafen_designcore_v2\/ui-switch\:DmAadbby4LagUFMk8d0VD.checked:hover { background:var(--accent-1); } .westhafen_designcore_v2\/ui-switch\:DmAadbby4LagUFMk8d0VD:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .westhafen_designcore_v2\/ui-switch\:DmAadbby4LagUFMk8d0VD:disabled { cursor:not-allowed; opacity:0.5; background:; } .dqsoTv { width:fit-content; height:fit-content; } .cSDEUo { display:flex; flex-direction:column; } .westhafen_designcore_v2\/ui-switch\:mbbtj0ktYTnVMa4ww4OVT { width:var(--switch-thumb-size); height:var(--switch-thumb-size); translate:0px 0px; background:var(--khaki-1); transition:translate 200ms ease 0ms normal; border-radius:var(--rounding-full); } .westhafen_designcore_v2\/ui-switch\:mbbtj0ktYTnVMa4ww4OVT.checked { translate:var(--translate-x-checked); background:var(--dashboard-bg-body); } .bAWoRV { gap:var(--gap); display:grid; grid-template-columns:repeat(var(--desktop), 1fr); } @media (max-width: 880px) { .bAWoRV { grid-template-columns:repeat(var(--tablet), 1fr); } } @media (max-width: 660px) { .bAWoRV { grid-template-columns:repeat(var(--landscape), 1fr); } } @media (max-width: 440px) { .bAWoRV { grid-template-columns:repeat(var(--portrait), 1fr); } } .westhafen_designcore_v2\/c-cookie-banner-settings\:PgqnoGGH7Pu7EwLm-XUZI { width:100%; row-gap:3rem; column-gap:3rem; } .westhafen_designcore_v2\/c-cookie-banner-settings\:Vxx1l7Z-ncf6ycxrvD6oX { width:fit-content; } .westhafen_designcore_v2\/c-cookie-banner-settings\:fbFJSHWMjBewzmJJQ0YVD { width:fit-content; } .eeycFF { display:flex; row-gap:0.5rem; flex-wrap:wrap; max-width:100%; column-gap:0.5rem; flex-direction:row; } .westhafen_designcore_v2\/c-cookie-banner-settings\:t8RnivY9NiWN2Qil9kLCX { width:fit-content; } .drymbc { width:100%; display:flex; row-gap:1.75rem; flex-wrap:wrap; column-gap:1.75rem; align-items:center; flex-direction:row; justify-content:space-between; } .JvZIa { display:none; } .eFyaGx { left:0px; right:0px; bottom:0rem; z-index:2000; position:fixed; padding-left:0rem; padding-right:0rem; } .cYsmTd { width:31rem; display:flex; row-gap:1.5rem; flex-wrap:wrap; max-width:100%; background:var(--bg-1); box-shadow:var(--shadow-1); column-gap:1.5rem; transition:opacity 400ms ease; align-items:center; margin-left:auto; padding-top:1.5rem; margin-right:1rem; padding-left:1.5rem; margin-bottom:1rem; padding-right:1.5rem; flex-direction:row; padding-bottom:1.5rem; justify-content:space-between; border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .cYsmTd { @starting-style { opacity:0; } } .westhafen_designcore_v2\/c-cookie-banner-popup\:12UHIx9mJm1CgXohsQlO4 { color:var(--text-075); } .neZgr { width:100%; display:flex; row-gap:0.5rem; column-gap:0.5rem; align-items:center; flex-direction:row; justify-content:flex-end; } @media (max-width: 640px) { .neZgr { width:100%; flex-direction:column-reverse; } } .eejJpk { display:flex; row-gap:1rem; max-width:100%; column-gap:1rem; align-items:center; flex-direction:row; justify-content:flex-start; } .westhafen_designcore_v2\/c-cookie-banner-popup\:UlsYdP2NdjOj3ECEHIV6u { width:9rem; } @media (max-width: 640px) { .westhafen_designcore_v2\/c-cookie-banner-popup\:UlsYdP2NdjOj3ECEHIV6u { width:100%; min-width:9rem; } } .westhafen_designcore_v2\/ui-button-primary\:root { color:var(--btn-pri-text); width:fit-content; height:fit-content; font-size:var(--text-md); background:var(--btn-pri-bg); overflow-x:hidden; overflow-y:hidden; transition:background-color 200ms ease 0ms normal; align-items:center; font-family:Inter; font-weight:var(--semi); user-select:none; border-color:var(--btn-pri-border); border-style:solid; border-width:1px; outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); -webkit-tap-highlight-color:transparent; } .westhafen_designcore_v2\/ui-button-primary\:root:hover { color:var(--btn-pri-text-hover); background:var(--btn-pri-bg-hover); border-color:var(--btn-pri-border-hover); border-style:solid; border-width:1px; } .westhafen_designcore_v2\/ui-button-primary\:root:active { color:var(--btn-pri-text-hover); background:var(--btn-pri-bg-hover); transition:none; border-color:var(--btn-pri-border-hover); border-style:solid; border-width:1px; } .westhafen_designcore_v2\/ui-button-primary\:root:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .westhafen_designcore_v2\/ui-button-primary\:root.disabled { cursor:default; opacity:0.5; background:var(--btn-pri-bg); } .cxKkty { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:; position:absolute; font-size:inherit; background:var(--btn-pri-bg); align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; } .westhafen_designcore_v2\/c-cookie-banner-popup\:dJw4eg7o_B3WnmoY0Tp-O { min-width:9rem; } @media (max-width: 640px) { .westhafen_designcore_v2\/c-cookie-banner-popup\:dJw4eg7o_B3WnmoY0Tp-O { width:100%; } } .cimcVg { top:-50vh; left:0px; scale:2 2 1; width:100vw; height:200vh; display:flex; row-gap:0.5rem; z-index:9999999999; position:fixed; background:linear-gradient(to bottom, var(--khaki-1) 0%, var(--neutral-0) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto; column-gap:0.5rem; transition:background 1000ms ease; align-items:center; justify-content:center; } .page-loader\:4gNmRfm2CZGzukTeU8HhH { flex:0; color:var(--neutral-12); z-index:1; font-size:0.5rem; transition:translate 700ms ease 500ms , opacity 300ms ease 500ms; font-family:sans-serif; font-weight:var(--bold); letter-spacing:0.14rem; } .page-loader\:4gNmRfm2CZGzukTeU8HhH { @starting-style { opacity:0; translate:0 100% 0; } } .page-loader\:eYE_L4vXz42unaTQaul8I { z-index:1; transition:scale 700ms linear(0 0%, 0.0037 0.3559%, 0.0138 0.7117%, 0.0556 1.4743%, 0.1224 2.2369%, 0.2238 3.1012%, 0.4434 4.5755%, 1.0637 8.2359%, 1.3321 10.2186%, 1.4223 11.1337%, 1.4879 12.0488%, 1.5281 12.9639%, 1.5387 13.4215%, 1.5431 13.879%, 1.5432 14.0824%, 1.542 14.2857%, 1.5373 14.6416%, 1.5162 15.4042%, 1.4785 16.2176%, 1.4275 17.031%, 1.3051 18.5562%, 0.9637 22.2674%, 0.8214 24.1993%, 0.7744 25.0635%, 0.7392 25.9278%, 0.7163 26.7921%, 0.7098 27.1988%, 0.7057 27.6563%, 0.7048 27.9614%, 0.7059 28.3681%, 0.7127 29.029%, 0.7268 29.7407%, 0.7487 30.5033%, 0.8137 32.1301%, 1.0016 35.8922%, 1.078 37.6716%, 1.1104 38.6375%, 1.135 39.6035%, 1.1514 40.5694%, 1.1562 41.0269%, 1.1594 41.5353%, 1.1602 41.8404%, 1.1601 42.2471%, 1.1567 42.9588%, 1.1488 43.7214%, 1.1371 44.484%, 1.1007 46.1617%, 0.9999 49.8729%, 0.9582 51.6523%, 0.9405 52.6182%, 0.927 53.5841%, 0.918 54.5501%, 0.9136 55.4652%, 0.9129 56.1769%, 0.9145 56.8887%, 0.9189 57.7021%, 0.9257 58.5155%, 0.9455 60.1932%, 0.9996 63.8536%, 1.0212 65.5313%, 1.0381 67.3615%, 1.0434 68.2766%, 1.0464 69.1917%, 1.0473 69.9034%, 1.0468 70.7168%, 1.0447 71.5302%, 1.0408 72.4453%, 1.0298 74.1739%, 1.0004 77.8343%, 0.9884 79.5628%, 0.9792 81.393%, 0.9764 82.3081%, 0.9747 83.2232%, 0.9747 84.85%, 0.9785 86.6802%, 0.9847 88.4087%, 1.0039 92.8826%, 1.0086 94.306%, 1.0117 95.6279%, 1.0136 97.0513%, 1.0139 98.4748%, 1.0127 100%) 500ms , opacity 300ms ease 500ms; } .page-loader\:eYE_L4vXz42unaTQaul8I { @starting-style { scale:0.5 0.5 1; opacity:0; } } .BWLQP { overflow-x:clip; overflow-y:clip; } .ezTDho { color:var(--khaki-1); width:100%; cursor:pointer; opacity:0.75; transition:opacity 500ms ease; } .ezTDho:focus-visible { box-shadow:0px 0.25rem 0px 0px var(--focus); outline-color:transparent; outline-style:solid; outline-width:2px; } .ezTDho.isHovering { opacity:1; } .fxJnQi { flex:1; display:flex; row-gap:0.5rem; column-gap:0.5rem; text-align:left; align-items:flex-end; flex-direction:row; justify-content:space-between; } .cJZShe { opacity:0.25; transition:opacity 500ms ease; } .cJZShe.isHovering { opacity:1; } .cxTIla { left:0px; width:0%; bottom:-0.2rem; height:0.25rem; position:absolute; background:var(--text-100); transition:width 500ms ease; } .cxTIla.hover { width:100%; } @media (max-width: 800px) { .cxTIla { display:none; } } .navbar-link\:X4E5QDPNJjZoVjg3sQHf0 { flex:1; color:inherit; font-size:clamp(4rem, 3.625rem + 1vw, 4.5rem); font-family:"Saira Condensed"; font-weight:var(--bold); line-height:clamp(4rem, 3.625rem + 1vw, 4.5rem); text-transform:uppercase; } .navbar-link\:uZpAtuAOggaCLU5RsShLp { flex:0; color:inherit; height:fit-content; font-size:1rem; font-family:"Saira Condensed"; font-weight:var(--bold); line-height:1rem; margin-bottom:0.5rem; text-transform:uppercase; } .navbar\:G4dd_-YT4gQamHZAO7Edn { background:var(--bg-2); border-color:var(--bg-2); border-style:solid; pointer-events:auto; } .westhafen_designcore_v2\/ui-drawer\:85BGAjAVpZmoU0bgBP_tE { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .westhafen_designcore_v2\/ui-drawer\:85BGAjAVpZmoU0bgBP_tE.open { opacity:1; } .westhafen_designcore_v2\/ui-drawer\:85BGAjAVpZmoU0bgBP_tE.open-transition { transition:opacity 300ms ease 0ms normal; } .westhafen_designcore_v2\/ui-drawer\:85BGAjAVpZmoU0bgBP_tE.close-transition { transition:opacity 300ms ease 0ms normal; } .westhafen_designcore_v2\/ui-drawer\:VzCHXreSUu2Wwhow4gkMb { padding-top:0rem; padding-left:0rem; padding-right:0rem; padding-bottom:0rem; } .navbar\:J165pVH4cDXoRnLm3c2fx { top:0px; left:0px; right:0px; bottom:0px; position:fixed; } .eulpMp { gap:1rem; flex:0; width:100%; flex-direction:row; padding-bottom:0.5rem; } .westhafen_designcore_v2\/ui-dialog\:2Jq0hg7iHq1XoDcqphYbM { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .westhafen_designcore_v2\/ui-dialog\:2Jq0hg7iHq1XoDcqphYbM.open { opacity:1; } .westhafen_designcore_v2\/ui-dialog\:2Jq0hg7iHq1XoDcqphYbM.open-transition { transition:opacity 300ms ease 0ms normal; } .westhafen_designcore_v2\/ui-dialog\:2Jq0hg7iHq1XoDcqphYbM.close-transition { transition:opacity 300ms ease 0ms normal; } .westhafen_designcore_v2\/ui-dialog\:mk2FE0yKAZyGEXXJ6Ve6C { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .dbFtrR { max-width:var(--max-width); } .westhafen_designcore_v2\/ui-dialog-content\:deBu8sIDDzrbImTGg8fsg { width:100%; opacity:0; translate:0 20px; background:var(--dashboard-bg-1); box-shadow:var(--shadow-2); padding-top:1.5rem; border-color:var(--dashboard-border); border-style:solid; border-width:var(--border-md); padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1.5rem; border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .westhafen_designcore_v2\/ui-dialog-content\:deBu8sIDDzrbImTGg8fsg.open { opacity:1; translate:0 0px; } .westhafen_designcore_v2\/ui-dialog-content\:deBu8sIDDzrbImTGg8fsg.open-transition { transition:all 320ms ease 0ms normal; } .westhafen_designcore_v2\/ui-dialog-content\:deBu8sIDDzrbImTGg8fsg.close-transition { transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal; } .eOiZTW { gap:1rem; width:100%; flex-direction:row; padding-bottom:1rem; } .westhafen_designcore_v2\/ui-dialog-title\:root { flex:1; color:var(--text-100); } .navbar\:Kj_p8bmRxji-8Zgwx5zOr { padding-left:clamp(0.5rem, 0.125rem + 1vw, 1rem); } .navbar\:QlwxBBQpCrWVC2lbBvU3L { background:var(--bg-2); border-color:var(--bg-2); border-style:solid; pointer-events:auto; } @media (max-width: 1150px) { .navbar\:QlwxBBQpCrWVC2lbBvU3L { display:none; } } .foXviv { color:var(--accent-1); width:fit-content; padding-left:0.2rem; } .tagline\:EvRiigqscipnUoHNViHEu { color:inherit; font-size:var(--text-md); font-family:"Saira Condensed"; font-weight:var(--semi); letter-spacing:0.1rem; text-transform:uppercase; } .eyJZmA { top:0px; left:0px; right:0px; width:100%; height:4rem; display:flex; opacity:1; z-index:1000; position:absolute; max-width:var(--container-lg); translate:0 0 0; margin-top:clamp(1.5rem, 0.375rem + 3vw, 3rem); transition:opacity 600ms ease 500ms , translate 600ms ease 500ms; align-items:center; margin-left:auto; margin-right:auto; padding-left:var(--padding-global); padding-right:var(--padding-global); flex-direction:row; pointer-events:none; justify-content:flex-start; } .eyJZmA { @starting-style { opacity:0; translate:0 -1rem 0; } } .ehitju { display:flex; opacity:1; row-gap:0.75rem; translate:0 0 0; column-gap:0.75rem; transition:opacity 600ms ease 500ms , translate 600ms ease 500ms; align-items:center; flex-direction:row; justify-content:space-between; } .ehitju { @starting-style { opacity:0; translate:0 -1rem 0; } } .bSjAOk { left:0px; right:0px; width:100vw; z-index:1000; position:fixed; align-items:center; pointer-events:none; justify-content:flex-start; } .clvVqw { width:fit-content; cursor:pointer; height:fit-content; } .clvVqw:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:0.375rem; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); } .clvVqw.no-link:focus-visible { outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); border-top-left-radius:var(--border-md); border-top-right-radius:var(--border-md); border-bottom-left-radius:var(--border-md); border-bottom-right-radius:var(--border-md); } .clvVqw.no-link { cursor:default; } .fwwxcH { width:var(--width); height:fit-content; max-width:100%; } .edvRWz { width:100%; height:fit-content; object-fit:contain; } .navbar\:bZlMOJcfvQgLSAVnR6uHz { display:flex; row-gap:0.75rem; column-gap:0.75rem; align-items:center; flex-direction:row; pointer-events:auto; justify-content:space-between; } .cqKZzJ { width:100%; height:4rem; display:flex; max-width:var(--container-lg); margin-top:clamp(1.5rem, 0.375rem + 3vw, 3rem); align-items:center; margin-left:auto; margin-right:auto; padding-left:var(--padding-global); padding-right:var(--padding-global); flex-direction:row; pointer-events:none; justify-content:flex-end; } .bOXRss { width:100vw; display:flex; align-items:flex-end; justify-content:center; } .westhafen_designcore_v2\/ui-drawer-content\:deBu8sIDDzrbImTGg8fsg { top:1dvh; right:1dvh; width:var(--width); bottom:1dvh; height:98dvh; opacity:0; position:sticky; max-width:calc(100% - 2dvh); translate:100% 0 0; background:var(--background-color); padding-top:1.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:1px; padding-left:1.5rem; border-radius:var(--rounding-lg); padding-right:1.5rem; padding-bottom:1.5rem; } .westhafen_designcore_v2\/ui-drawer-content\:deBu8sIDDzrbImTGg8fsg.open { top:1dvh; right:1dvh; bottom:1dvh; height:98dvh; opacity:1; position:sticky; max-width:calc(100% - 2dvh); translate:0 0 0; background:var(--background-color); padding-top:1.5rem; padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1.5rem; } .westhafen_designcore_v2\/ui-drawer-content\:deBu8sIDDzrbImTGg8fsg.open-transition { transition:all 320ms ease 0ms normal; } .westhafen_designcore_v2\/ui-drawer-content\:deBu8sIDDzrbImTGg8fsg.close-transition { transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal; } .ftJBPc { width:fit-content; cursor:pointer; height:fit-content; } .ftJBPc:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:0.375rem; border-top-left-radius:var(--border-md); border-top-right-radius:var(--border-md); border-bottom-left-radius:var(--border-md); border-bottom-right-radius:var(--border-md); } .ftJBPc.no-link:focus-visible { outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); border-top-left-radius:var(--border-md); border-top-right-radius:var(--border-md); border-bottom-left-radius:var(--border-md); border-bottom-right-radius:var(--border-md); } .ftJBPc.no-link { cursor:default; } .bZqlFD { flex:1; width:calc(100% + 2rem); row-gap:1.5rem; column-gap:1.5rem; overflow-y:auto; margin-left:-1rem; padding-top:1.5rem; padding-left:1rem; touch-action:auto; padding-right:1rem; padding-bottom:3rem; } .navbar\:nE0Wm1uD_oANS4WbbpF55 { flex:1; height:100%; display:flex; row-gap:0.5rem; column-gap:0.5rem; align-items:flex-start; padding-left:clamp(1rem, 0.625rem + 1vw, 1.5rem); padding-bottom:clamp(1rem, 0.625rem + 1vw, 1.5rem); justify-content:flex-end; } .navbar\:sPQruKkYERmO900SCNT-u { color:var(--text-alternate-100); background:var(--accent-1); border-color:black; border-style:solid; border-width:0px; pointer-events:auto; } .navbar\:sPQruKkYERmO900SCNT-u:hover { color:var(--text-alternate-100); background:var(--critical-9); border-color:black; border-style:solid; border-width:0px; } @media (max-width: 1150px) { .navbar\:sPQruKkYERmO900SCNT-u { display:none; } } .cjnbPo { width:100%; display:flex; z-index:1; align-items:center; justify-content:flex-start; } .bHhJWT { width:100%; display:flex; row-gap:0.5rem; position:relative; background:var(--khaki-1); column-gap:0.5rem; margin-top:5rem; align-items:center; padding-top:1.5rem; padding-bottom:1.5rem; justify-content:flex-start; } .footer\:-mY4KyTdJ__D9GYxf4PG- { color:inherit; display:flex; row-gap:0.2rem; column-gap:0.2rem; align-items:center; flex-direction:row; justify-content:flex-start; } .qbmxV { top:0px; left:0px; right:0px; width:100%; height:100%; opacity:0.02; z-index:2; position:absolute; object-fit:fill; } .cwCTvS { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; position:absolute; } .fvnMpT { height:100%; display:flex; row-gap:2rem; column-gap:2rem; min-height:31rem; align-items:flex-start; justify-content:space-between; } .RGMIi { flex:1; width:100%; cursor:pointer; display:flex; row-gap:clamp(0.5rem, 0.3125rem + 0.5vw, 0.75rem); max-width:100%; column-gap:clamp(0.5rem, 0.3125rem + 0.5vw, 0.75rem); transition:all 400ms ease; align-items:center; aspect-ratio:7/6; border-color:var(--overlay-a1); border-style:solid; border-width:var(--border-lg); justify-content:center; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .RGMIi.hover { translate:0 -0.25rem 0; background:var(--overlay-a1); box-shadow:var(--shadow-1); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); } .RGMIi:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .clHzfp { color:var(--text-alternate-100); width:clamp(3rem, 0.75rem + 6vw, 6rem); height:clamp(3rem, 0.75rem + 6vw, 6rem); display:flex; align-items:center; justify-content:center; } .dfUCPd { color:var(--accent-2); display:flex; row-gap:0.25rem; column-gap:0.25rem; align-items:center; flex-direction:row; justify-content:flex-start; } .evtHYS { display:flex; row-gap:0.5rem; column-gap:0.5rem; align-items:center; justify-content:flex-start; } .social-link-block\:S6gXN-bPm-Y2WmbTVashO { flex:0; color:inherit; font-size:clamp(0.875rem, 0.7813rem + 0.25vw, 1rem); font-weight:var(--semi); } .fpxzOy { color:var(--text-alternate); width:100%; height:100%; } .social-link-block\:gIjpi2rCLR4dcSfXKMn6c { color:var(--text-alternate-100); font-size:clamp(1.375rem, 1rem + 1vw, 1.875rem); white-space:pre-wrap; } .cOtXZB { width:90%; height:90%; } .evrDNi { width:100%; display:flex; row-gap:2rem; max-width:48rem; column-gap:2rem; align-items:center; margin-left:auto; margin-right:auto; justify-content:flex-start; } .bbjczb { top:0px; left:0px; right:0px; bottom:0px; z-index:3; position:absolute; } .eCMBvb { display:flex; row-gap:1.5rem; column-gap:1.5rem; align-items:flex-start; justify-content:flex-start; } .cNQTHy { display:flex; row-gap:0.25rem; column-gap:0.25rem; align-items:center; justify-content:flex-start; } .cAgwvX { width:100%; height:100%; z-index:3; } .bzAsbd { width:100%; display:grid; row-gap:clamp(1rem, 0.25rem + 2vw, 2rem); column-gap:clamp(1rem, 0.25rem + 2vw, 2rem); margin-left:auto; margin-right:auto; grid-template-columns:repeat(4, 1fr); } @media (max-width: 1264px) { .bzAsbd { width:100%; max-width:32rem; grid-template-columns:repeat(2, 1fr); } } .dpcuwI { width:100%; height:100%; max-width:100%; } .dPbvpl { width:100%; height:100%; position:absolute; object-fit:cover; } .ekjKPr { color:var(--text-khaki-075); padding-top:0.2rem; padding-bottom:0.2rem; } .ekjKPr:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:0.2rem; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .doYOwV { display:flex; row-gap:0.25rem; column-gap:0.25rem; align-items:center; flex-direction:row; justify-content:flex-start; } .dEOTnV { row-gap:0.75rem; column-gap:0.75rem; flex-direction:column; } .ePjDBe { top:0px; left:0px; right:0px; bottom:0px; opacity:0.09; z-index:1; position:absolute; background:linear-gradient(to bottom, #393d3980 20%, var(--khaki-2) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; } .footer\:Mke34budsSxlnojWTr4c2 { color:var(--text-alternate-100); text-align:center; } .bJlfUm { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:var(--khaki-2); } .footer\:RXOjFvOI4OnrwhA20h9gm { color:inherit; font-weight:var(--medium); } .bHSRRn { width:88%; height:88%; border-top-left-radius:1rem; border-top-right-radius:1rem; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; } .fFNjop { width:32rem; max-width:100%; overflow-x:clip; overflow-y:clip; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .footer\:XZhSvmdFAPllFSeli5vgY { right:0.5rem; bottom:0.5rem; position:absolute; } .footer\:Yw_dpKPjdsBusx_hkkkpg { color:inherit; font-weight:var(--medium); } .eyAmaz { width:100%; height:100%; } .erYxfk { width:30rem; display:flex; row-gap:clamp(2.5rem, 1.375rem + 3vw, 4rem); max-width:100%; column-gap:clamp(2.5rem, 1.375rem + 3vw, 4rem); align-items:center; flex-direction:row; justify-content:center; } .bpGPKh { overflow-x:clip; overflow-y:clip; aspect-ratio:2/1; } .fFXlBG { display:flex; row-gap:4rem; flex-wrap:wrap; column-gap:4rem; align-items:flex-start; flex-direction:row; justify-content:space-between; } @media (max-width: 1224px) { .fFXlBG { display:flex; row-gap:4rem; column-gap:4rem; align-items:center; flex-direction:column; justify-content:flex-start; } } .HqPRp { width:calc(100% - 1rem); height:fit-content; max-width:var(--container-full); overflow-x:clip; overflow-y:clip; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } @media (max-width: 1150px) { .HqPRp { width:100%; margin-left:0px; } } .eESjAb { width:88%; height:88%; } .cMgCWn { flex:0; row-gap:1.5rem; column-gap:1.5rem; } .GIHov { cursor:pointer; height:0.7rem; transition:color 300ms ease; } .GIHov:hover { color:var(--text-alternate); } .GIHov:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:0.2rem; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .fjrOuS { width:100%; max-width:var(--container-size); margin-left:auto; padding-top:var(--padding-size); margin-right:auto; padding-left:var(--padding-global); padding-right:var(--padding-global); padding-bottom:var(--padding-size); } .footer\:dU_GUFfJ-eHuoly7sgZj9 { padding-bottom:1rem; } .bgabt { color:var(--text-khaki-075); transition:color 300ms ease; padding-top:0.2rem; padding-bottom:0.2rem; } .bgabt:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:0.2rem; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .bgabt:hover { color:var(--text-normal); } .eTgAPW { height:0.7rem; } .dzoZRR { color:var(--text-alternate-075); width:100%; display:flex; max-width:var(--container-md); align-items:center; padding-left:var(--padding-global); padding-right:var(--padding-global); flex-direction:row; justify-content:space-between; } @media (max-width: 560px) { .dzoZRR { display:flex; row-gap:1rem; column-gap:1rem; align-items:center; flex-direction:column-reverse; justify-content:flex-start; } } .footer\:ikEZAZO2iwis9LFVAdDJK { z-index:3; overflow-x:clip; overflow-y:clip; } .footer\:kpMGnGg6-pmCOhf6y4sT1 { color:inherit; width:fit-content; display:flex; row-gap:0.2rem; column-gap:0.2rem; align-items:center; flex-direction:row; justify-content:flex-start; } .footer\:n2teKgzUxOvwyNLTJyPnH { color:var(--text-alternate-075); text-align:center; } .dTCIWC { width:100%; display:flex; align-items:center; justify-content:flex-start; } .bTJfuq { width:calc(100% - 1rem); height:calc(100vh - 1rem); max-width:var(--container-full); margin-top:0.5rem; max-height:80rem; overflow-x:clip; overflow-y:clip; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } @media (max-width: 1150px) { .bTJfuq { width:100%; height:fit-content; max-height:none; margin-left:0px; } } .cIbeQe { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:linear-gradient(#2426245c 62%, #161816eb 91%) scroll border-box padding-box repeat repeat 0% 0% / auto; } .dfQcyQ { opacity:1; row-gap:0.25rem; translate:0 0% 0; column-gap:0.25rem; transition:all 1000ms ease 500ms; } .dfQcyQ { @starting-style { opacity:0; translate:0 100% 0; } } @media (max-width: 1150px) { .dfQcyQ { display:flex; align-items:center; justify-content:flex-start; } } .dvIRMi { row-gap:1rem; max-width:44rem; column-gap:1rem; overflow-x:clip; overflow-y:clip; } .cxWsUh { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:linear-gradient(#2426245c 0%, #161816eb 90%) scroll padding-box border-box repeat repeat 0% 0% / auto; } .dFsavr { height:100%; display:flex; align-items:flex-start; justify-content:flex-end; } @media (max-width: 1150px) { .dFsavr { width:100%; height:fit-content; display:flex; row-gap:3rem; column-gap:3rem; text-align:center; align-items:center; padding-top:8rem; justify-content:flex-end; } } .s-startseite-hero\:RDqW8nl8L_MFaLWc5rNZH { width:100%; height:100%; z-index:4; overflow-x:clip; overflow-y:clip; margin-left:; padding-top:2.5rem; } .s-startseite-hero\:RDqW8nl8L_MFaLWc5rNZH { @starting-style { animation:2s ease 0ms 1 normal none running animation-empty; } } @media (max-width: 1150px) { .s-startseite-hero\:RDqW8nl8L_MFaLWc5rNZH { padding-bottom:3rem; } } @keyframes animation-empty { } .vvsIr { width:100%; cursor:default; height:100%; overflow:hidden; position:absolute; background:var(--dashboard-bg-1); user-select:none; pointer-events:none; border-top-left-radius:inherit; border-top-right-radius:inherit; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; } .vvsIr::after { top:0px; left:0px; width:100%; height:100%; content:''; position:absolute; animation:progress 1.5s ease-in-out infinite; background:linear-gradient(125deg, var(--dashboard-bg-1) 0%, var(--dashboard-bg-body) 50%, var(--dashboard-bg-1) 100%); } .event-card\:root { border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } .eCzkGV { top:0px; left:0px; right:0px; width:100%; position:absolute; transition:scale 1000ms cubic-bezier(0.24, 0.01, 0.25, 1) 0ms normal; aspect-ratio:1/1; } .eCzkGV.isAnimated { scale:1.2 1.2 1; } .MUqqT { width:4rem; height:4.5rem; display:flex; row-gap:0.25rem; background:var(--bg-1); column-gap:0.25rem; align-items:center; padding-top:0.25rem; padding-left:0.25rem; padding-right:0.25rem; padding-bottom:0.25rem; justify-content:center; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .event-card\:7ADPwohQDFofbfAEI2LoZ { flex:0; font-weight:var(--bold); } .dsGawp { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:linear-gradient(to bottom, #393d3900 20%, #393d3921 23%, var(--khaki-2) 90%) scroll padding-box border-box repeat repeat 0% 0% / auto; } .dBYglH { width:100%; height:100%; display:flex; z-index:4; align-items:flex-start; padding-top:1.5rem; padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1.5rem; justify-content:space-between; } .event-card\:DvYoA4HIXcG7sxqUJEwuA { flex:0; color:var(--text-alternate-075); } .bXwOtq { display:flex; row-gap:0.25rem; column-gap:0.25rem; transition:translate 500ms ease 400ms; } .bXwOtq.isAnimated { translate:0 200% 0; } .event-card\:Fi1p2f4wJy3wiFv60O372 { color:var(--accent-1); font-weight:var(--semi); padding-top:0.1rem; } .exDVqz { top:0px; left:0px; right:0px; width:100%; height:100%; z-index:2; position:absolute; transition:opacity 400ms ease; } .bqtsfP { flex:1; width:100%; display:flex; overflow-x:clip; overflow-y:clip; align-items:center; justify-content:flex-start; } .ebmcwb { transition:translate 200ms ease 0ms normal; } .ebmcwb:hover { z-index:1; translate:0 -4px; } .UgflH { width:var(--size); height:var(--size); font-size:var(--text); translate:var(--translate); margin-left:var(--margin-left); } .eazFKa { margin-top:5%; } .westhafen_designcore_v2\/ui-avatar\:83IoCphxhLn66zaf2kN7e { width:100%; height:100%; font-size:inherit; align-items:center; font-weight:var(--medium); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .westhafen_designcore_v2\/ui-avatar\:iKY9Em6-sj-PcYoshITFV { color:var(--text-khaki-050); font-size:var(--text); font-weight:var(--semi); } .westhafen_designcore_v2\/ui-avatar\:tuyvFY_kshSNEWmuONVur { width:100%; height:100%; background:var(--khaki-9); overflow-x:hidden; overflow-y:hidden; align-items:center; border-color:var(--overlay-inverted-a2); border-style:solid; border-width:var(--border-md); justify-content:center; border-top-left-radius:var(--rounding-full); border-top-right-radius:var(--rounding-full); border-bottom-left-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); } .fdPeqB { aspect-ratio:1; } .westhafen_designcore_v2\/ui-avatar\:wutm_QXPw-hLpZ-9gzDJh { width:100%; height:100%; object-fit:cover; pointer-events:none; } .eFQaJC { top:var(--top); left:var(--left); position:absolute; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; transform-origin:var(--transform-origin-x) var(--transform-origin-y); } .eFQaJC:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .eFQaJC.hidden { visibility:hidden; pointer-events:none; } .eFQaJC.match-anchor-width { width:var(--sc-anchor-width); } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq { color:var(--text-100); scale:0.5; width:max-content; opacity:0; z-index:999; background:var(--dashboard-bg-body); padding-top:1rem; border-color:var(--dashboard-border); border-style:solid; border-width:var(--border-md); padding-left:1rem; padding-right:1rem; padding-bottom:1rem; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.open { scale:1; opacity:1; translate:0 0px; box-shadow:var(--shadow-2); } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.top-in { translate:0 -12px; } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.top-out { scale:1; } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.bottom-in { translate:0 12px; } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.bottom-out { scale:1; } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.open-transition { transition:all 200ms ease 0ms normal; } .westhafen_designcore_v2\/ui-tooltip\:63uWqJUwjHLIn_OMEUqMq.close-transition { transition:all 50ms ease 0ms normal; } .dYElHa { width:var(--width); height:var(--height); position:fixed; pointer-events:none; } .dYElHa.modal { pointer-events:all; } .chMswS { width:0.75rem; height:0.75rem; rotate:z 45deg; display:flex; translate:0px -0.35rem 0; background:var(--dashboard-bg-body); flex-direction:column; border-right-color:var(--dashboard-border); border-right-style:solid; border-right-width:var(--border-md); border-bottom-color:var(--dashboard-border); border-bottom-style:solid; border-bottom-width:var(--border-md); } .cEpQwy { width:fit-content; height:fit-content; position:absolute; font-size:inherit; transform:var(--transform); font-family:inherit; font-weight:inherit; transform-origin:var(--transform-origin); } .cEpQwy.top { top:0px; left:var(--left); } .cEpQwy.bottom { left:var(--left); bottom:0px; } .cEpQwy.right { top:var(--top); right:0px; } .cEpQwy.left { top:var(--top); left:0px; } .coWOAi { color:inherit; } .cORpPk { width:100%; cursor:pointer; z-index:0; overflow-x:clip; overflow-y:clip; transition:scale 400ms ease , box-shadow 400ms ease; aspect-ratio:1/1.1; border-color:var(--bg-body); border-style:solid; border-width:0.3rem; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } .cORpPk:focus-visible { outline-color:var(--focus); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .cORpPk:hover { scale:1.025 1.025 1; box-shadow:var(--shadow-3); } .event-card\:oG61rBuJGG_YYKFo1VjFU { color:var(--text-alternate-100); } .eFsvqW { flex-direction:row; } .event-card\:rWn97Gcm6qaYc93wJhge0 { flex:0; } .eMZmQE { width:100%; display:flex; row-gap:0.25rem; column-gap:0.25rem; transition:translate 500ms ease 400ms; align-items:center; flex-direction:row; justify-content:space-between; } .eMZmQE.isAnimated { translate:0 -200% 0; } .dOLgQY { display:flex; row-gap:0.5rem; column-gap:0.5rem; flex-direction:row; } .eFimRx { color:var(--accent-1); width:1.5rem; height:1.2rem; rotate:0 0 1 -5deg; } .event-card\:wocnqxsv3GOLMBbZ8MlQk { width:1.25rem; height:1.25rem; padding-left:0.1rem; } .myXin { top:0px; left:0px; right:0px; bottom:0px; z-index:-1; position:absolute; background:var(--khaki-6); } .s-startseite-hero\:SP7YEso_4OkmsXwL13go0 { width:22rem; } .cvFSNm { transition:translate 600ms ease; } .cvFSNm.isHovering { translate:0 -0.5rem 0; } .tHtOd { width:100%; height:100%; background:linear-gradient(var(--khaki-1) 0%, var(--khaki-1) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; object-fit:cover; } .dehpqP { width:calc(100% + 1rem); height:100%; display:flex; max-width:100%; align-items:flex-end; margin-left:0rem; flex-direction:row; justify-content:space-between; } @media (max-width: 1150px) { .dehpqP { height:fit-content; display:flex; row-gap:4rem; column-gap:4rem; align-items:center; flex-direction:column; justify-content:flex-start; } } .fnZLoS { top:0px; left:0px; right:0px; bottom:0px; z-index:2; position:absolute; } .s-startseite-hero\:iei2MiOsXgrrWG_xLZDlj { color:var(--text-alternate-100); opacity:1; translate:0 0% 0; transition:all 1000ms ease 500ms; } .s-startseite-hero\:iei2MiOsXgrrWG_xLZDlj { @starting-style { opacity:0; translate:0 100% 0; } } .eCxkus { top:0px; right:0px; width:60%; bottom:0px; height:100%; opacity:0.03; z-index:2; position:absolute; mask-size:cover; mask-image:radial-gradient(120% 120% at bottom right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); object-fit:cover; mask-repeat:no-repeat; mix-blend-mode:screen; -webkit-mask-size:cover; -webkit-mask-image:radial-gradient(120% 120% at bottom right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); -webkit-mask-repeat:no-repeat; -webkit-mask-composite:intersect; } .s-startseite-hero\:pl8vHOVgld0ZQ1QfIFbv0 { color:var(--bg-body); } .RpHel { display:flex; row-gap:1rem; flex-wrap:wrap; column-gap:1rem; align-items:flex-start; margin-left:auto; margin-right:auto; flex-direction:row; justify-content:center; } @media (max-width: 880px) { .RpHel { display:flex; max-width:28rem; align-items:flex-start; justify-content:flex-start; } } @media (max-width: 1280px) { .RpHel { max-width:48rem; } } .ARDIg { row-gap:clamp(3rem, 1.5rem + 4vw, 5rem); column-gap:clamp(3rem, 1.5rem + 4vw, 5rem); } .fkwysG { width:calc(20% - 0.8rem); translate:0 var(--transform-full) 0; overflow-x:clip; overflow-y:clip; aspect-ratio:1/2; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } @media (max-width: 1280px) { .fkwysG { width:calc(33% - 0.6666rem); translate:0 var(--transform-1280) 0; } } @media (max-width: 880px) { .fkwysG { width:calc(50% - 0.5rem); translate:0 var(--transform-880) 0; align-items:flex-start; justify-content:flex-start; } } .ePybZn { width:100%; display:flex; row-gap:2rem; flex-wrap:wrap; column-gap:2rem; align-items:flex-start; flex-direction:row; justify-content:space-between; } .fvpahG { width:36rem; max-width:100%; } .cuoUPc { width:30rem; max-width:100%; } .s-startseite-headliner\:jo5gsHIaB4zj1bZc0LC1I { color:var(--text-075); } .eeSjTa { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; z-index:2; position:absolute; transition:opacity 400ms ease; } .eeSjTa.isAnimated { opacity:0; } .dVtArc { opacity:1; translate:0 0% 0; transition:opacity 400ms ease 0ms normal, translate 1000ms ease; } .dVtArc.isAnimated { opacity:0; translate:0 10% 0; } .GyMTI { transition:translate 500ms ease 1000ms; } .GyMTI.isAnimated { translate:0 200% 0; } .bbNMWJ { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; display:flex; z-index:4; position:absolute; align-items:center; padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; justify-content:flex-end; } .snlJJ { scale:1 1 1; width:100%; filter:grayscale(100%); height:100%; z-index:0; object-fit:cover; transition:scale 1000ms cubic-bezier(0.24, 0.01, 0.25, 1) 0ms normal; } .snlJJ.isAnimated { scale:1.2 1.2 1; } .bvTnZE { left:0px; right:0px; width:100%; bottom:0px; height:70%; opacity:0.03; z-index:2; position:absolute; mask-size:cover; mask-image:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); object-fit:cover; mask-repeat:no-repeat; mix-blend-mode:screen; -webkit-mask-size:cover; -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); -webkit-mask-repeat:no-repeat; } .artist-cover\:qJf2xEndIU7xqw_qvnA5n { color:var(--text-alternate-100); text-align:center; } .fkbegn { width:100%; overflow-x:clip; overflow-y:clip; } .eUsmsy { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:linear-gradient(to bottom, #393d3933 20%, var(--khaki-2) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; } .s-startseite-highlights\:root { padding-top:0px; } .cxRwoM { row-gap:3rem; column-gap:3rem; } .s-startseite-highlights\:qfk_p78UTGaPXl714LlsE { color:var(--khaki-2); } .s-global-text\:qvPfdXCcTYMI0_Z7dkRFz { font-size:clamp(1.8rem, 1.35rem + 1.2vw, 2.4rem); text-align:center; font-weight:var(--semi); line-height:clamp(2rem, 1.25rem + 2vw, 3rem); } .main-homepage\:YUho5aB6FV1M5e55HJq8C { padding-top:var(--padding-sm); padding-bottom:var(--padding-sm); } .ZcrFT { flex:1; z-index:1; margin-top:25%; margin-left:15%; margin-right:-5%; margin-bottom:10%; } @media (max-width: 820px) { .ZcrFT { flex:1; z-index:1; margin-top:20%; margin-left:10%; margin-right:0%; margin-bottom:5%; } } .fsagKc { width:100%; height:100%; box-shadow:var(--shadow-3); overflow-x:clip; overflow-y:clip; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } .flJjLS { width:100%; filter:saturate(0.7) contrast(0.9) brightness(1.30); height:100%; object-fit:cover; } .eqHsEz { left:0px; width:21rem; bottom:0px; row-gap:1rem; z-index:3; position:absolute; max-width:80%; background:var(--overlay-inverted-a3); column-gap:1rem; padding-top:clamp(1.5rem, 1.125rem + 1vw, 2rem); padding-left:clamp(1.5rem, 1.125rem + 1vw, 2rem); padding-right:clamp(1.5rem, 1.125rem + 1vw, 2rem); padding-bottom:clamp(1.5rem, 1.125rem + 1vw, 2rem); backdrop-filter:blur(var(--blur)); -webkit-backdrop-filter:blur(var(--blur)); border-top-right-radius:var(--rounding-md); } @media (max-width: 440px) { .eqHsEz { width:100%; max-width:none; } } .ehIQRv { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:linear-gradient(to bottom, #393d3933 20%, #393d3999 100%) scroll padding-box border-box repeat repeat 0% 0% / auto; } .c-areas-image\:nSLcYFT_r6fNENi6O54k3 { color:var(--text-alternate-100); } .c-areas-image\:nmqjJ7ao-tPnMs-Mh81Yr { color:var(--text-alternate-075); } .wAntH { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; z-index:2; position:absolute; } .s-startseite-areas\:CIvQMeumpj5IdQMNBvHZe { position:absolute; } .bDOcQn { flex:1; z-index:1; margin-top:40%; margin-left:10%; margin-bottom:-20%; } @media (max-width: 820px) { .bDOcQn { flex:1; z-index:1; margin-top:25%; margin-left:10%; margin-bottom:-10%; } } .fAYwYi { flex:1; z-index:1; margin-top:35%; margin-left:0%; margin-right:10%; margin-bottom:-5%; } .eFWHXh { width:100%; aspect-ratio:5/6; } @media (max-width: 440px) { .eFWHXh { height:36rem; } } .bJFovh { flex:1; z-index:1; margin-top:20%; margin-left:5%; margin-right:15%; margin-bottom:-15%; } @media (max-width: 440px) { .bJFovh { margin-top:25%; margin-left:5%; margin-right:5%; margin-bottom:-15%; } } .eTNbLf { flex:1; z-index:1; margin-top:15%; margin-left:20%; margin-right:0%; margin-bottom:0%; } .bIMRyK { width:100%; aspect-ratio:5/6; } @media (max-width: 440px) { .bIMRyK { height:40rem; } } .s-startseite-areas\:dbmpH8uMhjLW8Y3W6kmA9 { position:absolute; } .eqKIhL { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); } @media (max-width: 820px) { .eqKIhL { display:flex; grid-template-columns:1fr; } } .s-startseite-areas\:i-T4v-o5WVESZ32FaWOfR { position:absolute; } .s-startseite-areas\:istVZGIRHyssW7GtwZY9J { position:absolute; } .GgMQo { flex:1; z-index:1; margin-right:5%; margin-bottom:-10%; } .cVVBll { width:100%; aspect-ratio:5/6; } @media (max-width: 440px) { .cVVBll { height:34rem; } } .s-startseite-areas\:oI7_wGDA0AyNBUwoHmjsf { position:absolute; } .dnkAOf { width:100%; aspect-ratio:5/6; } @media (max-width: 440px) { .dnkAOf { height:38rem; } } .dcsNGu { width:calc(100% - 1rem); height:fit-content; max-width:var(--container-full); margin-top:0.5rem; overflow-x:clip; overflow-y:clip; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } @media (max-width: 1150px) { .dcsNGu { width:100%; margin-left:0px; } } .epJicE { flex:1; display:flex; row-gap:0.25rem; column-gap:0.25rem; align-items:flex-start; flex-direction:column; justify-content:flex-start; } .bRkIUH { display:flex; row-gap:0.5rem; column-gap:0.5rem; align-items:center; flex-direction:row; justify-content:flex-start; } .dULJyo { row-gap:2rem; column-gap:2rem; } .s-startseite-saisonpass\:4JpTyAXybO8Cd5gzYVi9z { color:var(--accent-1); } .eiXLba { flex:1; height:100%; display:flex; align-items:flex-end; justify-content:flex-end; } .inMbt { display:flex; row-gap:0.75rem; column-gap:0.75rem; } .cifIZW { width:var(--width); max-width:100%; } .westhafen_designcore_v2\/ui-modal-content\:deBu8sIDDzrbImTGg8fsg { gap:0.25rem; width:100%; opacity:0; z-index:10; min-width:12rem; translate:0 20px; background:var(--dashboard-bg-1); box-shadow:var(--shadow-2); max-height:80dvh; padding-top:1.5rem; border-color:var(--dashboard-border); border-style:solid; border-width:var(--border-md); padding-left:1.5rem; border-radius:var(--rounding-lg); padding-right:1.5rem; padding-bottom:1.5rem; border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .westhafen_designcore_v2\/ui-modal-content\:deBu8sIDDzrbImTGg8fsg.open { opacity:1; translate:0 0px; } .westhafen_designcore_v2\/ui-modal-content\:deBu8sIDDzrbImTGg8fsg.open-transition { transition:all 320ms ease 0ms normal; } .westhafen_designcore_v2\/ui-modal-content\:deBu8sIDDzrbImTGg8fsg.close-transition { transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal; } .kpgyE { row-gap:1rem; column-gap:1rem; } .westhafen_designcore_v2\/ui-modal\:dKbhVwBdH2WG4xyhsMMsa { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .westhafen_designcore_v2\/ui-modal\:dKbhVwBdH2WG4xyhsMMsa.open { opacity:1; } .westhafen_designcore_v2\/ui-modal\:dKbhVwBdH2WG4xyhsMMsa.open-transition { transition:opacity 300ms ease 0ms normal; } .westhafen_designcore_v2\/ui-modal\:dKbhVwBdH2WG4xyhsMMsa.close-transition { transition:opacity 300ms ease 0ms normal; } .s-startseite-saisonpass\:CN0tbHr-0ruIIeAB9NZMi { color:var(--text-alternate-075); } .dejNMF { display:flex; row-gap:2rem; column-gap:2rem; } .ePdGMY { color:var(--accent-1); width:1.25rem; height:1.25rem; rotate:0 0 1 -5deg; } .cZlzHD { display:flex; row-gap:1rem; background:var(--overlay-inverted-a1); column-gap:1rem; align-items:center; padding-top:0.75rem; border-color:var(--overlay-inverted-a1); border-style:solid; border-width:1px; padding-left:0.75rem; padding-right:0.75rem; flex-direction:row; padding-bottom:0.75rem; justify-content:flex-start; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .drzhjT { color:inherit; margin-left:0.5rem; margin-bottom:-0.23em; } .s-startseite-saisonpass\:EvXZSQZf0A8PKe36dCFZA { color:var(--text-khaki-100); font-weight:var(--semi); } .s-startseite-saisonpass\:ItyvslIx6ESiwGfKp01kq { z-index:3; overflow-x:clip; overflow-y:clip; } .westhafen_designcore_v2\/ui-modal-footer\:root { flex:0; bottom:0rem; z-index:10; position:sticky; background:inherit; margin-top:auto; } .s-startseite-saisonpass\:PZG7swi8wb2T7JdrzrZaN { color:var(--text-alternate-100); } .fufUZc { display:flex; row-gap:0.25rem; min-width:8rem; column-gap:0.25rem; align-items:flex-end; justify-content:center; } .fFWPeV { display:grid; row-gap:0.5rem; column-gap:0.5rem; grid-template-columns:1fr 1fr; } @media (max-width: 600px) { .fFWPeV { display:flex; } } .s-startseite-saisonpass\:U_hp5zyLJM6kf16bkDF8M { color:var(--accent-1); } .s-startseite-saisonpass\:U_sVyzPLXUWDj7rYJrDp7 { color:var(--accent-2); } .esgGeG { top:0px; left:0px; right:0px; bottom:0px; z-index:1; position:absolute; background:linear-gradient(to left, #393d3933 0%, var(--khaki-2) 70%) scroll padding-box border-box repeat repeat 0% 0% / auto; } .s-startseite-saisonpass\:YlMX1wDv6y17FB4mnMtdh { align-items:center; flex-direction:row; justify-content:flex-start; } .dnEgex { display:flex; row-gap:1rem; column-gap:1rem; } .dVGwty { gap:0.25rem; color:var(--text-alternate-100); width:fit-content; height:var(--height); display:flex; font-size:var(--font-size); align-items:center; font-weight:var(--medium); padding-left:var(--padding-horizontal); border-radius:var(--rounding-full); padding-right:var(--padding-horizontal); flex-direction:row; justify-content:center; background-color:var(--color-bg); } .westhafen_designcore_v2\/ui-badge\:l8I0AcPQKlPNBzTXot8IK { color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; } .s-startseite-saisonpass\:alUNsVMuD9Sa5yJAfGF3Y { background:var(--khaki-5); } .s-startseite-saisonpass\:goQS7zUKBazToC2eEIWWl { color:var(--accent-1); font-weight:var(--semi); } .s-startseite-saisonpass\:hQMDQVKwZTFmQzQ22eriw { flex:1; color:var(--text-050); } .s-startseite-saisonpass\:iz9Xba3Ay5Ym2psMH-P0W { color:var(--accent-2); } .wpEbh { top:0px; right:0px; width:70%; bottom:0px; height:100%; position:absolute; object-fit:cover; } .s-startseite-saisonpass\:nbKhrZXkVGtHJH4boVwjG { color:var(--text-050); } .bQkDpi { display:flex; row-gap:1rem; background:color-mix(in srgb, var(--accent-1) 10%, transparent);; column-gap:1rem; align-items:flex-start; padding-top:1.5rem; padding-left:1.5rem; padding-right:1.5rem; flex-direction:column; padding-bottom:1.5rem; justify-content:flex-start; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .hiJAZ { width:100%; display:flex; background:var(--overlay-inverted-a1); align-items:flex-start; padding-top:1.5rem; border-color:var(--overlay-inverted-a1); border-style:solid; border-width:1px; padding-left:1.5rem; padding-right:1.5rem; flex-direction:row; padding-bottom:1.5rem; justify-content:flex-start; border-top-left-radius:var(--rounding-sm); border-top-right-radius:var(--rounding-sm); border-bottom-left-radius:var(--rounding-sm); border-bottom-right-radius:var(--rounding-sm); } .s-startseite-saisonpass\:vZNNsRT4LrvT3UQ83WhaI { color:var(--text-khaki-100); font-weight:var(--semi); } .bEPWaw { width:100%; height:100%; z-index:2; } .s-startseite-saisonpass\:vl3MxXZ5ZnSRRw9tCZjvz { color:var(--text-alternate-075); } .cDCFJh { top:0px; left:0px; right:0px; width:60%; height:100%; opacity:0.03; z-index:2; position:absolute; mask-size:cover; mask-image:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); object-fit:cover; mask-repeat:no-repeat; mix-blend-mode:screen; -webkit-mask-size:cover; -webkit-mask-image:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); -webkit-mask-repeat:no-repeat; } .s-startseite-saisonpass\:y4Avsmdcg_x-e02xArDoE { color:var(--text-khaki-100); font-weight:var(--semi); } .s-startseite-saisonpass\:yt9HuQUzrVvUTLb6JsVvE { color:var(--text-khaki-100); font-weight:var(--semi); } .s-startseite-saisonpass\:zs7Awu24GtXAS5mK0dvVa { width:1rem; height:1rem; }