{"theme":{"palette":{"primary":{"50":"#F7FBFD","100":"#EDF9FF","200":"#D9F1FC","300":"#ADDFF7","400":"#65C8F7","500":"#039BE5","600":"#0F5B99","700":"#28527D","800":"#1B3855","900":"#152B42","main":"#0053FFFF","contrastText":"#FFFFFF"},"secondary":{"50":"#FBE8E6","100":"#FFCABA","200":"#FFA78E","300":"#FF8461","500":"#FF6A3F","600":"#F44719","main":"#7E024AFF","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":"#2b373dFF","secondary":"#2b373dFF"},"divider":"#DEEAF7"},"typography":{"fontWeightRegular":400,"fontWeightBold":600,"fontSize":14,"fontFamily":"LabGrotesque-Regular","h1":{"fontSize":"32px","@media (max-width:600px)":{"fontSize":"24px","fontWeight":600,"marginLeft":"24px"},"color":"#2b373dFF"},"h2":{"fontSize":"24px","@media (max-width:600px)":{"fontSize":"20px","fontWeight":600},"color":"#2b373dFF"},"h3":{"@media (max-width:600px)":{"fontSize":"40px"},"color":"#2b373dFF"},"h4":{"color":"#2b373dFF"},"h5":{"color":"#2b373dFF"},"h6":{"color":"#2b373dFF"},"subtitle1":{"fontSize":16,"lineHeight":"150%"},"subtitle2":{"fontSize":14,"lineHeight":"150%"},"body1":{"color":"#2b373dFF"},"body2":{"fontSize":"14px","lineHeight":"157%","color":"#2b373dFF"},"button":{"fontSize":16,"textTransform":"none","height":"48px"},"caption":{"fontSize":"12px","lineHeight":"150%","color":"#2b373dFF"},"overline":{"fontSize":12,"lineHeight":"150%","textTransform":"uppercase"},"fontSource":[{"fontFamily":"LabGrotesque-Regular","fontStyle":"regular","fontDisplay":"swap","fontWeight":400,"src":"url('https://go.epilot.cloud/designs/16582233/font/LabGrotesque-Regular.woff')"}]},"spacing":4,"shape":{"borderRadius":100},"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":"#0053FFFF"}}},"MuiTabPanel":{"root":{"padding":0,"& .MuiPaper-root":{"borderRadius":"0px 100px 100px 100px"}}},"MuiToggleButton":{"root":{"fontWeight":600,"backgroundColor":"#ffffff","color":"#2b373dFF","borderColor":"#C5D0DB !important","height":"32px","&:hover":{"backgroundColor":"#ffffff"},"&$selected":{"backgroundColor":"#0053FFFF !important","borderColor":"#0053FFFF !important","borderRight":"1px solid #0053FFFF !important","&:hover":{"backgroundColor":"#0053FFFF"},"& .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":"#2b373dFF"}},"MuiAppBar":{"colorPrimary":{"backgroundColor":"#FFFFFFFF"}},"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":"1a37861b-fa26-4bf4-9e18-e37357584e59","style_name":"badenova","style":{"logo":{"main":{"s3_object_key":"","url":"","name":"","file_id":""}},"palette":{"error":"#CC0013FF","paper":"#FFFFFFFF","navbar":"#FFFFFFFF","background":"#FFFFFFFF","primary":"#0053FFFF","secondary":"#7E024AFF","portal_login_background":"#FFFFFFFF"},"typography":{"secondary":"#2b373dFF","primary":"#2b373dFF","font":{"font_id":"LabGrotesque-Regular","font_name":"LabGrotesque-Regular","font_weight_regular":"400","font_weight_medium":"500","font_weight_bold":"600","font_family":"LabGrotesque-Regular","urls":[{"url":"https://go.epilot.cloud/designs/16582233/font/LabGrotesque-Regular.woff","type":"WOFF"}]}}},"custom_theme":{"html":"<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Enercity Strom Produkt</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background: linear-gradient(to bottom, #f7f7f7, #e0e0e0);\n            margin: 0;\n            padding: 0;\n        }\n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            background: #ffffff;\n            border: 1px solid #ff6600;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        }\n        .header {\n            background-color: #ff6600;\n            color: #ffffff;\n            padding: 10px;\n            text-align: left;\n        }\n        .header img {\n            max-height: 50px;\n            vertical-align: middle;\n        }\n        .header h1 {\n            display: inline-block;\n            margin: 0;\n            padding-left: 10px;\n            vertical-align: middle;\n        }\n        .content {\n            padding: 20px;\n        }\n        .content h2 {\n            color: #003366;\n        }\n        .content p {\n            color: #404040;\n        }\n        .button {\n            display: inline-block;\n            padding: 10px 20px;\n            margin-top: 20px;\n            background-color: #003366;\n            color: #ffffff;\n            text-decoration: none;\n            border-radius: 5px;\n        }\n        .button:hover {\n            background-color: #002244;\n        }\n    </style>\n</head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <img src=\"logo.png\" alt=\"Firmenlogo\">\n            <h1>Enercity Strom Produkt</h1>\n        </div>\n        <div class=\"content\">\n            <h2>Unser Stromtarif</h2>\n            <p>Profitieren Sie von unseren günstigen Stromtarifen und wechseln Sie noch heute zu Enercity!</p>\n            <a href=\"#\" class=\"button\">Mehr erfahren</a>\n        </div>\n    </div>\n</body>\n</html>"},"journey_design_tokens":{"custom_css":"\n:root, :host {\n  --concorde-accent-color: #2b373d;\n  --concorde-input-background-color: white;\n  --concorde-card-background-color: white;\n  --button-background-color: white;\n\n  /* Globale Schriftfarbe */\n  --concorde-text-color: #2b373d;\n\n  \n /* Globale Schriftart */\n  --concorde-font-family: \"Lab Grotesque Regular\", \"Lab Grotesque\", sans-serif;\n\n\n  /* Schriftfarbe für Eingabefelder */\n  --concorde-input-color: #2b373d;\n\n  /* Button-Variablen (angepasst) */\n  /* Primär */\n  --concorde-button-primary-bg: #b6277a;      /* Hintergrund */\n  --concorde-button-primary-color: #ffffff;   /* Text */\n  --concorde-button-primary-hover-bg: #7E042a;/* Hover-Hintergrund */\n  --concorde-button-primary-hover-color: #ffffff; /* Hover-Text */\n\n  /* Sekundär */\n  --concorde-button-secondary-bg: #ffffff;    /* Hintergrund */\n  --concorde-button-secondary-color: #0053ff; /* Text */\n  --concorde-button-secondary-border: #0053ff;/* Border */\n  --concorde-button-secondary-hover-bg: #ffffff;   /* Hover-Hintergrund */\n  --concorde-button-secondary-hover-color: #00216c;/* Hover-Text */\n  --concorde-button-secondary-hover-border: #00216c;/* Hover-Border */\n\n  /* Bestehende Variablen – falls an anderer Stelle genutzt */\n  --concorde-summary-block-bg-color: #f0f2f5;\n  --concorde-product-tile-featured-color: #50b848;\n  --concorde-rating-unchecked-color: grey;\n}\n\n/* Buttons in der ActionBar */\n.Concorde-ActionBar-Block {\n  .Concorde-Button__Primary {\n    background: var(--concorde-button-primary-bg);\n    color: var(--concorde-button-primary-color);\n    border: 1px solid transparent;\n    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n\n    &:hover {\n      background-color: var(--concorde-button-primary-hover-bg);\n      color: var(--concorde-button-primary-hover-color);\n    }\n  }\n\n  .Concorde-Button__Secondary {\n    background: var(--concorde-button-secondary-bg);\n    color: var(--concorde-button-secondary-color);\n    border: 1px solid var(--concorde-button-secondary-border);\n    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n\n    &:hover {\n      background: var(--concorde-button-secondary-hover-bg);\n      color: var(--concorde-button-secondary-hover-color);\n      border-color: var(--concorde-button-secondary-hover-border);\n    }\n  }\n}\n\n/* ===========================================================\n   AUTOFILL – Chrome, Edge, Opera, Brave, Safari (WebKit/Blink)\n   =========================================================== */\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ntextarea:-webkit-autofill,\ntextarea:-webkit-autofill:hover,\ntextarea:-webkit-autofill:focus,\nselect:-webkit-autofill {\n  -webkit-text-fill-color: var(--concorde-input-color) !important;\n  background-color: var(--concorde-input-background-color) !important;\n  box-shadow: 0 0 0px 1000px var(--concorde-input-background-color) inset !important;\n  border: 1px solid transparent !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n\n/* ===================================\n   AUTOFILL – Firefox (Gecko)\n   =================================== */\ninput:-moz-autofill,\ntextarea:-moz-autofill,\nselect:-moz-autofill {\n  color: var(--concorde-input-color) !important;\n  background-color: var(--concorde-input-background-color) !important;\n  box-shadow: 0 0 0px 1000px var(--concorde-input-background-color) inset !important;\n}\n\n\n","coupon":"#0053ffFF","cashback":"#0053ffFF"},"last_modified_at":"2026-07-17T06:56:46.437Z"}}