{"theme":{"palette":{"primary":{"50":"#F7FBFD","100":"#EDF9FF","200":"#D9F1FC","300":"#ADDFF7","400":"#65C8F7","500":"#039BE5","600":"#0F5B99","700":"#28527D","800":"#1B3855","900":"#152B42","main":"#009EE0FF","contrastText":"#FFFFFF"},"secondary":{"50":"#FBE8E6","100":"#FFCABA","200":"#FFA78E","300":"#FF8461","500":"#FF6A3F","600":"#F44719","main":"#23548A","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":"#009EE0FF","secondary":"#222222FF"},"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":"#009EE0FF"},"h2":{"fontSize":"24px","@media (max-width:600px)":{"fontSize":"20px","fontWeight":600},"color":"#009EE0FF"},"h3":{"@media (max-width:600px)":{"fontSize":"40px"},"color":"#009EE0FF"},"h4":{"color":"#009EE0FF"},"h5":{"color":"#009EE0FF"},"h6":{"color":"#009EE0FF"},"subtitle1":{"fontSize":16,"lineHeight":"150%"},"subtitle2":{"fontSize":14,"lineHeight":"150%"},"body1":{"color":"#222222FF"},"body2":{"fontSize":"14px","lineHeight":"157%","color":"#222222FF"},"button":{"fontSize":16,"textTransform":"none","height":"48px"},"caption":{"fontSize":"12px","lineHeight":"150%","color":"#222222FF"},"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":25},"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":"#009EE0FF"}}},"MuiTabPanel":{"root":{"padding":0,"& .MuiPaper-root":{"borderRadius":"0px 25px 25px 25px"}}},"MuiToggleButton":{"root":{"fontWeight":600,"backgroundColor":"#ffffff","color":"#222222FF","borderColor":"#C5D0DB !important","height":"32px","&:hover":{"backgroundColor":"#ffffff"},"&$selected":{"backgroundColor":"#009EE0FF !important","borderColor":"#009EE0FF !important","borderRight":"1px solid #009EE0FF !important","&:hover":{"backgroundColor":"#009EE0FF"},"& .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":"#222222FF"}},"MuiAppBar":{"colorPrimary":{"backgroundColor":"#009FE3"}},"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":"33e11de7-0add-4034-a8eb-9844feadd553","style_name":"WEMAG","style":{"logo":{"main":{"name":"wemag_logo124152.svg","s3_object_key":"designs/20000215/logo/wemag_logo124152.svg","url":"https://go.epilot.cloud/designs/20000215/logo/wemag_logo124152.svg"}},"palette":{"navbar":"#009FE3","portal_login_background":"#FFFFFFFF","primary":"#009EE0FF","secondary":"#23548A","background":"#FFFFFFFF","paper":"#FFFFFFFF","error":"#CC0013FF"},"typography":{"primary":"#009EE0FF","secondary":"#222222FF","font":{"font_weight_regular":"400","font_weight_bold":"600","font_weight_medium":"500","font_id":"Lato-Regular","urls":[{"type":"TTF","url":"https://go.epilot.cloud/elements-static/fonts/Lato-Regular.ttf"}],"font_name":"Lato-Regular","font_family":"Lato-Regular"}}},"journey_design_tokens":{"button_primary_bg":"#009FE3","radio_label_color":"#039BE5","checkbox_label_color":"#039BE5","input_label_color":"#143456","button_primary_hover_bg":"#009FE3","button_outlined_text":"#009FE3","custom_css":":root {\n  /* Grundfarben */\n  --concorde-color-dark: ##23548A;\n  --concorde-color-white: #ffffff;\n  --concorde-color-blue: #58C5F2;\n  --concorde-color-blue-secondary: #003559;\n  --concorde-color-yellow: #FFD21F;\n  --concorde-color-grey-10: #EDEDED;\n  --concorde-color-grey-5: #F6F6F6;\n  --concorde-color-neutral-75: #646363;\n  --concorde-color-neutral-40: #B2B2B2;  \n\n  /* Buttonfarben */\n  --concorde-button-label-color: var(\n    --concorde-color-blue-secondary\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-blue-secondary\n  );\n\n  /* Checkboxen */\n  --concorde-checkbox-option-color: var(\n   --concorde-color-blue-secondary\n  );\n  --concorde-checkbox-label-color: var(\n    --concorde-color-blue-secondary\n  );\n\n  /* Topbar Logo-Ausrichtung */\n  --concorde-topbar-logo-alignment: center;\n}\n\n/* ========== Topbar ========== */\n.Concorde-Topbar {\n  background: #009FE3;\n   --concorde-topbar-logo-alignment: left;\n\n  img {\n    margin-bottom: 25px;\n    max-height: 40px;\n    margin-top: 25px;\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-blue);\n  color: var(--concorde-color-neutral-75);\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-blue);\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-blue-secondary);\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-blue\n      );\n      --concorde-button-hover-bg-color: var(\n        --concorde-color-blue\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-blue-secondary);\n}\n","button_outlined_border":"#009FE3"},"last_modified_at":"2026-09-07T10:14:10.005Z"}}