{"theme":{"palette":{"primary":{"50":"#F7FBFD","100":"#EDF9FF","200":"#D9F1FC","300":"#ADDFF7","400":"#65C8F7","500":"#039BE5","600":"#0F5B99","700":"#28527D","800":"#1B3855","900":"#152B42","main":"#1E7F1EFF","contrastText":"#FFFFFF"},"secondary":{"50":"#FBE8E6","100":"#FFCABA","200":"#FFA78E","300":"#FF8461","500":"#FF6A3F","600":"#F44719","main":"#004C00FF","contrastText":"#FFFFFF"},"success":{"50":"#DFF4EC","100":"#B1E4D0","200":"#7AD3B2","500":"#13BB89","main":"#13BB89","contrastText":"#FFFFFF"},"info":{"50":"#DEF4FF","100":"#ACE2FF","200":"#70CFFF","500":"#26BCFC","main":"#26BCFC","contrastText":"#172B4D"},"warning":{"50":"#FFF4DF","100":"#FFE3B0","200":"#FFD17C","500":"#FFBF44","main":"#FFBF44","contrastText":"#172B4D"},"error":{"100":"#FFC9CF","200":"#FB9393","300":"#F46668","500":"#FF3A3F","main":"#CC0013FF","contrastText":"#FFFFFF"},"focus":{"100":"#CBC0F7","200":"#A797F2","300":"#806CEF","500":"#5B4CEC","main":"#5B4CEC","dark":"#5B4CEC","contrastText":"#FFFFFF"},"accent1":{"50":"#FBE8E6","100":"#FFCABA","200":"#FFA78E","300":"#FF8461","500":"#FF6A3F","600":"#F44719","main":"#FF6A3F","contrastText":"#FFFFFF"},"accent2":{"50":"#E5F7FB","100":"#BEECF6","200":"#99E0EF","300":"#77D4E7","400":"#62CBE2","500":"#59C3DC","main":"#99E0EF","contrastText":"#172B4D"},"tertiary":{"50":"#E5F7FB","100":"#BEECF6","200":"#99E0EF","300":"#77D4E7","400":"#62CBE2","500":"#59C3DC","main":"#99E0EF","contrastText":"#172B4D"},"grey":{"10":"#FCFEFF","20":"#F5F7FA","30":"#EDF2F7","40":"#E6EEF7","50":"#DEEAF7","60":"#D5E1ED","70":"#C5D0DB","80":"#AFBCC9","90":"#9DADBD","100":"#8C9DAD","200":"#7E8D9C","300":"#6F7C8A","400":"#596775","500":"#505E6B","600":"#44525E","700":"#35434F","800":"#27333D","900":"#263847","A100":"#D5D5D5","A200":"#AAAAAA","A400":"#616161","A700":"#303030"},"action":{"active":"#324C66","hover":"#EFF5FA","selected":"#324C66","selectedText":"#ffffff","disabled":"#E6EEF7","focus":"#324C66"},"background":{"default":"#FFFFFFFF"},"text":{"primary":"#646363FF","secondary":"#1D1D1BFF"},"divider":"#DEEAF7"},"typography":{"fontWeightRegular":400,"fontWeightBold":600,"fontSize":14,"fontFamily":"Lato-Regular","h1":{"fontSize":"32px","@media (max-width:600px)":{"fontSize":"24px","fontWeight":600,"marginLeft":"24px"},"color":"#646363FF"},"h2":{"fontSize":"24px","@media (max-width:600px)":{"fontSize":"20px","fontWeight":600},"color":"#646363FF"},"h3":{"@media (max-width:600px)":{"fontSize":"40px"},"color":"#646363FF"},"h4":{"color":"#646363FF"},"h5":{"color":"#646363FF"},"h6":{"color":"#646363FF"},"subtitle1":{"fontSize":16,"lineHeight":"150%"},"subtitle2":{"fontSize":14,"lineHeight":"150%"},"body1":{"color":"#1D1D1BFF"},"body2":{"fontSize":"14px","lineHeight":"157%","color":"#1D1D1BFF"},"button":{"fontSize":16,"textTransform":"none","height":"48px"},"caption":{"fontSize":"12px","lineHeight":"150%","color":"#1D1D1BFF"},"overline":{"fontSize":12,"lineHeight":"150%","textTransform":"uppercase"},"fontSource":[{"fontFamily":"Lato-Regular","fontStyle":"regular","fontDisplay":"swap","fontWeight":400,"src":"url('https://go.epilot.cloud/elements-static/fonts/Lato-Regular.ttf')"}]},"spacing":4,"shape":{"borderRadius":16},"muiProps":{"MuiCard":{"elevation":1},"MuiAppBar":{"elevation":0,"position":"static","square":true}},"muiOverrides":{"MuiTabs":{"root":{"minHeight":40,"overflow":"visible"},"flexContainer":{"marginTop":"8px","& .Mui-selected path":{"fill":"#1E7F1EFF"}}},"MuiTabPanel":{"root":{"padding":0,"& .MuiPaper-root":{"borderRadius":"0px 16px 16px 16px"}}},"MuiToggleButton":{"root":{"fontWeight":600,"backgroundColor":"#ffffff","color":"#1D1D1BFF","borderColor":"#C5D0DB !important","height":"32px","&:hover":{"backgroundColor":"#ffffff"},"&$selected":{"backgroundColor":"#1E7F1EFF !important","borderColor":"#1E7F1EFF !important","borderRight":"1px solid #1E7F1EFF !important","&:hover":{"backgroundColor":"#1E7F1EFF"},"& .MuiToggleButton-label":{"color":"#ffffff"}},"&$disabled":{"backgroundColor":"#E6EEF7","& .MuiToggleButton-label":{"color":"#8C9DAD"}}}},"MuiAutocomplete":{"listbox":{"& li[aria-selected='true']":{"color":"#ffffff"}},"inputRoot":{"&[class*='MuiFilledInput-root']":{"padding":"0 !important"}}},"MuiCardContent":{"root":{"padding":"24px","&:last-child":{"paddingBottom":"24px"}}},"MuiInputBase":{"input":{"boxSizing":"border-box","padding":"22px 12px 6px !important","height":"48px","color":"#1D1D1BFF"}},"MuiAppBar":{"colorPrimary":{"backgroundColor":"#1E7F1EFF"}},"MuiPaper":{"root":{"backgroundColor":"#FFFFFFFF"}},"MuiFormLabel":{"root":{"whiteSpace":"nowrap","overflow":"hidden","textOverflow":"ellipsis"}},"MuiFormHelperText":{"root":{"whiteSpace":"nowrap"}}},"breakpoints":{"values":{"xs":0,"sm":600,"md":900,"lg":1200,"xl":1920}}},"design":{"id":"709919bb-e203-4747-8af5-9d37af714095","style_name":"Portal Design","style":{"logo":{"main":{"name":"logo_wng.svg","url":"https://go.epilot.cloud/designs/20000218/logo/logo_wng.svg","s3_object_key":"designs/20000218/logo/logo_wng.svg"}},"palette":{"secondary":"#004C00FF","portal_login_background":"#FFFFFFFF","navbar":"#1E7F1EFF","paper":"#FFFFFFFF","background":"#FFFFFFFF","error":"#CC0013FF","primary":"#1E7F1EFF"},"typography":{"secondary":"#1D1D1BFF","font":{"font_id":"Lato-Regular","urls":[{"type":"TTF","url":"https://go.epilot.cloud/elements-static/fonts/Lato-Regular.ttf"}],"font_weight_bold":"600","font_weight_medium":"500","font_family":"Lato-Regular","font_weight_regular":"400","font_name":"Lato-Regular"},"primary":"#646363FF"}},"journey_design_tokens":{"custom_css":":root {\n  /* Grundfarben */\n  --concorde-color-dark: #003026;\n  --concorde-color-white: #ffffff;\n  --concorde-color-green: #1E7F1E;\n  --Concorde-color-green-secondary: #004C00;\n  --Concorde-color-green-footer: #CCE0CC;\n  --concorde-color-yellow: #FFDC52;\n  --concorde-color-grey-10: #EDEDED;\n  --concorde-color-grey-5: #F6F6F6;\n  \n\n  /* Buttonfarben */\n  --concorde-button-label-color: var(\n    --concorde-color-dark\n  );\n  --concorde-button-background-color: var(\n    --concorde-color-white\n  );\n  --concorde-button-active-bg-color: var(\n    --concorde-color-white\n  )\n\n  /* Eingabefarbe */;\n  --concorde-input-color: var(\n    --concorde-color-dark\n  );\n\n  /* Checkboxen */\n  --concorde-checkbox-option-color: var(\n    --concorde-color-dark\n  );\n  --concorde-checkbox-label-color: var(\n    --concorde-color-dark\n  );\n\n  /* Topbar Logo-Ausrichtung */\n  --concorde-topbar-logo-alignment: center;\n}\n\n/* ========== Topbar ========== */\n.Concorde-Topbar {\n  background: #1E7F1E;\n\n  img {\n    margin-bottom: 15px;\n    max-height: 10px;\n    margin-top: 15px;\n    padding-right: 30px;\n  }\n\n  div:nth-child(2) {\n    max-width: var(\n      --concorde-layout-width,\n      1256px\n    );\n    padding: 0 calc(var(--concorde-spacing) * 9);\n  }\n}\n\n/* ========== CTA Button ========== */\n.Concorde-ActionBar__CTAButton {\n  background: var(--concorde-color-yellow);\n  color: var(--concorde-color-dark);\n  --concorde-button-hover-bg-color: var(\n    --concorde-color-yellow\n  );\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease;\n\n  &:hover {\n    background: var(--concorde-color-yellow);\n  }\n}\n\n/* ========== Back Button ========== */\n.Concorde-ActionBar__BackButton {\n  --concorde-button-label-color: var(\n    --concorde-button-label-color\n  );\n  transition: color 0.3s ease;\n\n  &:hover {\n    color: var(--concorde-color-green);\n  }\n}\n\n/* ========== Inputs ========== */\n.Concorde-Autocomplete__TriggerInput {\n  color: var(--concorde-input-color);\n}\n\n.Concorde-Input fieldset {\n  border-width: 1,5px;\n  border-color: var(--concorde-color-green);\n}\n\n/* ========== Checkboxen und Auswahlfelder ========== */\n.Concorde-SingleChoice-Block,\n.Concorde-MultipleChoice-Block,\n.Concorde-HyperlinkButton-Block,\n.Concorde-ProductCategories-Block {\n  --concorde-button-label-color: var(\n    --concorde-button-label-color\n  );\n}\n\n.Concorde-MultipleChoice-Block label {\n  color: var(--concorde-button-label-color);\n}\n\n/* ========== Toggle Group ========== */\n.Concorde-ToggleGroup {\n  .Concorde-ToggleGroupItem {\n    border-width: 1.5px;\n\n    &[aria-checked=\"true\"] {\n      --concorde-button-label-color: var(\n        --concorde-color-white\n      );\n      --concorde-button-background-color: var(\n        --concorde-color-green\n      );\n      --concorde-button-hover-bg-color: var(\n        --concorde-color-green\n      );\n    }\n  }\n}\n.Concorde-Input\n  .Concorde-Input__Input-Root\n  input {\n  -webkit-text-fill-color: #003026;\n}\n/* ========== Headlines mit Farbverlauf ========== */\n.Concorde-Typography__Heading {\n  background: #003026;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: transparent;\n}\n\n/* ========== Weitere Textelemente ========== */\n.Concorde-Typography__subtitle,\n.Concorde-Typography,\n.Concorde-Radio__Label {\n  color: var(--concorde-color-dark);\n}\n"},"last_modified_at":"Mon Mar 09 2026 16:19:39 GMT+0100 (Central European Standard Time)"}}