:root {
--wrapper-background: url('https://oberscheider.designa-parking.com/iPCP/javax.faces.resource/images/header.jpg.xhtml?v=24.4.9.0+-+01092256');
--primary-color: #fee000;
--primary-dark-color: #e0c200;
--primary-light-color: #fff8cb;
--primary-darker-color: #c1a700;
--primary-color-text: #555555;
--primary-50: #FFFCE4;
--primary-100: #FFF6BD;
--primary-200: #FFEF91;
--primary-300: #FFE964;
--primary-400: #FEE43D;
--primary-500: #FEE000;
--primary-600: #FDCD00;
--primary-700: #FBB500;
--primary-800: #FA9C00;
--primary-900: #F86F00;
--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-error: #EF4123;
--color-error-text: #050505;
--color-info: #43A047;
--color-info-text: #050505;
--color-warn: #fc00d6;
--color-warn-text: #050505;
--color-fatal: #F55151;
--color-fatal-text: #050505;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-light: #050505;
--text-color-on-dark: #ffffff;
--text-color: #050505;
--surface-0: #949494;
--surface-50: #F9F9F9;
--surface-100: #F1F1F1;
--surface-200: #E8E8E8;
--surface-300: #D8D8D8;
--surface-400: #B4B4B4;
--surface-500: #949494;
--surface-600: #6C6C6C;
--surface-700: #585858;
--surface-800: #3A3A3A;
--surface-900: #1A1A1A;
--bg-color-secondary: #28eb28;
--bg-color-body: #ffffff;
--surface-section: #949494;
--surface-b: #949494;
--surface-ground: #ffffff;
--surface-a: #ffffff;
--surface-border: #2d46c2;
--surface-d: #2d46c2;
--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 {
--wrapper-background: none;
--primary-color: #fee000;
--primary-dark-color: #e0c200;
--primary-light-color: #fff8cb;
--primary-darker-color: #c1a700;
--primary-color-text: #555555;
--primary-50: #F86F00;
--primary-100: #FA9C00;
--primary-200: #FBB500;
--primary-300: #FDCD00;
--primary-400: #FEE000;
--primary-500: #FEE43D;
--primary-600: #FFE964;
--primary-700: #FFEF91;
--primary-800: #FFF6BD;
--primary-900: #FFFCE4;
--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-error: #EF4123;
--color-error-text: #050505;
--color-info: #43A047;
--color-info-text: #050505;
--color-warn: #fc00d6;
--color-warn-text: #050505;
--color-fatal: #F55151;
--color-fatal-text: #050505;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-dark: #050505;
--text-color-on-light: #ffffff;
--text-color: #ffffff;
--surface-0: #6b6b6b;
--surface-50: #292929;
--surface-100: #4B4B4B;
--surface-200: #6B6B6B;
--surface-300: #808080;
--surface-400: #A9A9A9;
--surface-500: #C7C7C7;
--surface-600: #E9E9E9;
--surface-700: #F2F2F2;
--surface-800: #F7F7F7;
--surface-900: #FCFCFC;
--bg-color-secondary: #d6d6d6;
--bg-color-body: #000000;
--surface-section: #6b6b6b;
--surface-b: #6b6b6b;
--surface-ground: #000000;
--surface-a: #000000;
--surface-border: #445cca;
--surface-d: #445cca;
--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: FormularLight, sans-serif;
--font-weight: 400;
--font-size: 1rem;
--header-font-family: HelveticaNeueLight;
--header-font-weight: 600;
--header-font-size: 1.429rem;
--content-padding: 1rem;
--inline-spacing: .5rem;
--border-radius: 4px;
--designa-custom-color-blue: #fee200;
--designa-custom-color-red: #EF4123;
--designa-custom-color-previous: #003249;
--ipcp-header-bar-bg: #fee200;
--theme-resource-name: 'primefaces-ipcp-designa';
--primary-lighter: fade(@primary, 70%);
--ipcp-large-font-size: 15px;
--ipcp-heading-font-size: 17px;
--ipcp-larger-font-size: 17px;
--ipcp-input-font-size: 15px;
--ipcp-default-font-size: 14px;
--color-info: fade(@primary, 70%);
--content-background-color: #fee200;
}
/*
 * Theming variables
 */

body {
	div.headerContainer div.ipcp-black {

		& div.ipcp-header-designa {

			  clear: both;
			  height: 110px;
			  max-width: none !important;
			  width: 100% !important;
			  background-color: black;
			  padding: 20px;

			& a.ipcp-logo-link-designa {

				  background: url('https://germany01.designa-parking.com/iPCP/system/fa/MTENlDOzCc9sH8i6246-X10.png') no-repeat;
				  background-position: center !important;
				  background-size: contain !important;
				  background-color: white !important;
				  height: 100%;
				  display: block;
				}
		}
	}

	&.app {
		.Wrapper {
			background: url('https://germany01.designa-parking.com/iPCP/system/fa/-_umgb-AotBWvYWvXj1E6qw.jpg') #ffffff no-repeat 10% 60% ! important;
			background-size: 100% ! important;
		}
	}

	& .ui-steps {
		.ui-steps-title{
			border: 2px solid #fff !important;
		}
	}

	#logo{

		.ipcp-logo {
			background-color: black !important;

			&:hover {
				background-color: tint(#E0E0E0, 20%) !important;
			}
		}
	}
}