:root {
--shop-wrapper-background: var(--surface-ground) url('https://reserva.parknfly.com.mx/iPCP/system/fa/TCEL-EMNHNL-PKSW-ADJBLT-BPMU-FB7A.jpg');
--primary-color: #000000;
--primary-dark-color: #000000;
--primary-light-color: #666666;
--primary-darker-color: #000000;
--primary-color-text: #FFFFFF;
--primary-50: #F5F5F5;
--primary-100: #E9E9E9;
--primary-200: #D9D9D9;
--primary-300: #C4C4C4;
--primary-400: #9D9D9D;
--primary-500: #7B7B7B;
--primary-600: #555555;
--primary-700: #434343;
--primary-800: #262626;
--primary-900: #000000;
--shade-0: #ffffff;
--shade-50: #FAFAFA;
--shade-100: #F5F5F5;
--shade-200: #EEEEEE;
--shade-300: #E0E0E0;
--shade-400: #BDBDBD;
--shade-500: #9E9E9E;
--shade-600: #757575;
--shade-700: #616161;
--shade-800: #424242;
--shade-900: #212121;
--color-secondary: #0c589c;
--color-secondary-text: #ffffff;
--color-error: #EF4123;
--color-error-text: #555555;
--color-info: #43A047;
--color-info-text: #555555;
--color-warn: #f9bf08;
--color-warn-text: #555555;
--color-help: #a855f7;
--color-help-text: #555555;
--color-success: #22c55e;
--color-success-text: #555555;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-light: #555555;
--text-color-on-dark: #ffffff;
--text-color: #ffffff;
--surface-0: #0c589c;
--surface-50: #E1F5FE;
--surface-100: #B4E6FC;
--surface-200: #83D5FB;
--surface-300: #53C5F8;
--surface-400: #30B8F7;
--surface-500: #17ABF5;
--surface-600: #159DE6;
--surface-700: #128AD2;
--surface-800: #1079BE;
--surface-900: #0C599C;
--bg-color-secondary: #ffffff;
--bg-color-body: #F5F5F5;
--surface-section: #0c589c;
--surface-b: #0c589c;
--surface-ground: #F5F5F5;
--surface-a: #F5F5F5;
--surface-border: #E0E0E0;
--surface-d: #E0E0E0;
--surface-hover: rgba(0,0,0,.04);
--surface-c: rgba(0,0,0,.04);
--maskbg: rgba(0,0,0,.4);
--surface-card: var(--shade-0);
--surface-e: var(--shade-0);
--surface-overlay: var(--shade-0);
--surface-f: var(--shade-0);
--focus-ring: 0 0 0 0.2rem var(--primary-light-color);
color-scheme: light;
}
:root.dark {
--admin-wrapper-background: var(--surface-ground) none;
--shop-wrapper-background: var(--surface-ground) none;
--primary-color: #000000;
--primary-dark-color: #000000;
--primary-light-color: #666666;
--primary-darker-color: #000000;
--primary-color-text: #FFFFFF;
--primary-50: #000000;
--primary-100: #262626;
--primary-200: #434343;
--primary-300: #555555;
--primary-400: #7B7B7B;
--primary-500: #9D9D9D;
--primary-600: #C4C4C4;
--primary-700: #D9D9D9;
--primary-800: #E9E9E9;
--primary-900: #F5F5F5;
--shade-0: #121212;
--shade-50: #050505;
--shade-100: #292929;
--shade-200: #464646;
--shade-300: #585858;
--shade-400: #7F7F7F;
--shade-500: #A1A1A1;
--shade-600: #C7C7C7;
--shade-700: #DBDBDB;
--shade-800: #EAEAEA;
--shade-900: #F6F6F6;
--color-secondary: #0c589c;
--color-secondary-text: #ffffff;
--color-error: #EF4123;
--color-error-text: #555555;
--color-info: #43A047;
--color-info-text: #555555;
--color-warn: #f9bf08;
--color-warn-text: #555555;
--color-help: #a855f7;
--color-help-text: #555555;
--color-success: #22c55e;
--color-success-text: #555555;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-dark: #555555;
--text-color-on-light: #ffffff;
--text-color: #555555;
--surface-0: #69afeb;
--surface-50: #194094;
--surface-100: #235EB2;
--surface-200: #296FC4;
--surface-300: #2F80D7;
--surface-400: #338EE4;
--surface-500: #4D9DE8;
--surface-600: #69AEEB;
--surface-700: #92C5F1;
--surface-800: #BBDBF7;
--surface-900: #E3F1FB;
--bg-color-secondary: #000000;
--bg-color-body: #0a0a0a;
--surface-section: #69afeb;
--surface-b: #69afeb;
--surface-ground: #0a0a0a;
--surface-a: #0a0a0a;
--surface-border: #1f1f1f;
--surface-d: #1f1f1f;
--surface-hover: rgba(255,255,255,.04);
--surface-c: rgba(255,255,255,.04);
--maskbg: rgba(255,255,255,.4);
--surface-card: var(--shade-0);
--surface-e: var(--shade-0);
--surface-overlay: var(--shade-0);
--surface-f: var(--shade-0);
--focus-ring: 0 0 0 0.2rem var(--primary-light-color);
color-scheme: dark;
}
:root {
--font-family: 'Roboto Condensed', sans-serif;
--font-weight: 400;
--font-size: 1rem;
--header-font-family: 'Roboto Condensed', sans-serif;
--header-font-weight: 300;
--header-font-size: 1.429rem;
--content-padding: 1rem;
--inline-spacing: .5rem;
--border-radius: 4px;
}
.ipcp-logo {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  background-color: white;   /* Weißer Hintergrund */
  padding: 4px;              /* Etwas Abstand */
  border-radius: 4px;        /* Optional: weiche Kanten */
  border-color: #0c589c;
}