/* *****************
						*
						* EXT:startcustomer Configuration/TypoScript/Base/Page/cssInline/44444/*.ts
						*
						******************** */

						body {
							color: #000000;
							font-family: PTSansWeb, 'PT Sans', 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;;
						}
						body .row {
							max-width: 62.5rem;
						}/* MUST be html body because of app.css */
						html body {background-color:#FF7700;background-image:url(/typo3conf/ext/startcustomer/Resources/Public/Css/background/fotos/default/potato-3440360_1920.jpg);background-size:cover;}
					@media only screen and (min-width: 40.063em) {
						.row {
							max-width: 62.5rem;
						}
					}					.maincontent > .row {
						background-color: #FF7700;
					}
					@media only screen and (min-width: 40.063em) {
						/* #t2304, 180510, dwildt, 1-/+ */
						{
							/* max-width: 62.5rem; */
						}
					}					a:not(.button) {
						color: #FF7700;
						transition: color 300ms ease-out 0s;
					}
					.mapicon a {
						fill: #FF7700;
					}
					a:not(.button):hover, 
					a:not(.button):focus {
						color: #008CBA;
					}
					.mapicon a:hover {
						fill: #008CBA;
					}					div button,
					div .button {
						background-color: #008CBA;
						color: #FFFFFF;
					}
					div button:hover,
					div button:focus,
					div .button:hover,
					div .button:focus {
						background-color: #007095;
						color: #FFFFFF;
					}
					div button.secondary,
					div .button.secondary {
						background-color: #e7e7e7;
						color: #333333;
					}
					div button.secondary:hover, 
					div button.secondary:focus,
					div .button.secondary:hover,
					div .button.secondary:focus {
						background-color: #b9b9b9;
						color: #333333;
					}
					div button.success,
					div .button.success {
						background-color: #43AC6A;
						color: #FFFFFF;
					}
					div button.success:hover,
					div button.success:focus,
					div .button.success:hover,
					div .button.success:focus {
						background-color: #368a55;
						color: #FFFFFF;
					}
					div button.alert,
					div .button.alert {
						background-color: #f04124;
						color: #FFFFFF;
					}
					div button.alert:hover,
					div button.alert:focus,
					div .button.alert:hover,
					div .button.alert:focus {
						background-color: #cf2a0e;
						color: #FFFFFF;
					}
					div button.warning,
					div .button.warning {
						background-color: #f08a24;
						color: #FFFFFF;
					}
					div button.warning:hover,
					div button.warning:focus,
					div .button.warning:hover,
					div .button.warning:focus {
						background-color: #cf6e0e;
						color: #FFFFFF;
					}
					div button.info,
					div .button.info {
						background-color: #a0d3e8;
						color: #FFFFFF;
					}
					div button.info:hover,
					div button.info:focus,
					div .button.info:hover,
					div .button.info:focus {
						background-color: #61b6d9;
						color: #FFFFFF;
					}					body h1,
					body h2,
					body h3,
					body h4,
					body h5,
					body h6,
					body p,
					body ul,
					body ol,
					body li
					{
						color: #000000;
						font-family: PTSansWeb, 'PT Sans', 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;;
					}
					body h1 {
						color: #000000;
						font-family: PTSansWeb, 'PT Sans', 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;;
					}
					/* #t4891, 200421, dwildt, 3+ */
					div.contain-to-grid {
						background: #FF7700;
					}
					nav.top-bar {
						background: #FF7700;
					}
					nav.top-bar .name h1 a {
						color: #FFFFFF;
					}
					nav.top-bar .toggle-topbar a {
						color: #FFFFFF;
					}
					nav.top-bar .toggle-topbar.menu-icon a {
						color: #FFFFFF;
					}
					nav.top-bar .toggle-topbar.menu-icon a span::after {
						box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 7px 0px 1px #FFFFFF, 0px 14px 0px 1px #FFFFFF;
					}

					nav.top-bar.expanded .title-area {
						background: #FF7700;
					}
					nav.top-bar.expanded .toggle-topbar a {
						color: #FFA04D;
					}
					nav.top-bar.expanded .toggle-topbar a span::after {
						box-shadow: 0 0 0 1px #FFA04D, 0 7px 0 1px #FFA04D, 0 14px 0 1px #FFA04D;
					}

					section.top-bar-section .divider,
					section.top-bar-section [role="separator"] {
						border-top: solid 1px #FFA04D;
					}
					section.top-bar-section ul li {
						background: #FF7700;
					}
					section.top-bar-section ul li > a {
						color: #FFFFFF;
						font-family: PTSansWeb, 'PT Sans', 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;;
					}
					section.top-bar-section ul li.active > a {
						background: #008CBA;
						color: #FFFFFF;
					}
					section.top-bar-section li.active:not(.has-form) > a:not(.button) {
						background: #008CBA;
						color: #FFFFFF;
					}
					section.top-bar-section li:not(.has-form) > a:not(.button):hover {
						background: #0078a0;
						color: #FFFFFF;
					}
					section.top-bar-section ul.dropdown li.title h5 a,
					section.top-bar-section ul.dropdown li.parent-link a {
						background: #FF7700;
						color: #FFFFFF;
					}
					section.top-bar-section ul.dropdown li.title h5 a:hover,
					section.top-bar-section ul.dropdown li.parent-link a:hover {
						background: #0078a0;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button {
						background-color: #008CBA;
						border-color: #007095;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button:hover,
					section.top-bar-section ul li > a.button:focus {
						background-color: #007095;
					}
					section.top-bar-section ul li > a.button:hover,
					section.top-bar-section ul li > a.button:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button.secondary {
						background-color: #e7e7e7;
						border-color: #b9b9b9;
						color: #FF7700;
					}
					section.top-bar-section ul li > a.button.secondary:hover,
					section.top-bar-section ul li > a.button.secondary:focus {
						background-color: #b9b9b9;
					}
					section.top-bar-section ul li > a.button.secondary:hover,
					section.top-bar-section ul li > a.button.secondary:focus {
						color: #FF7700;
					}
					section.top-bar-section ul li > a.button.success {
						background-color: #43AC6A;
						border-color: #368a55;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button.success:hover,
					section.top-bar-section ul li > a.button.success:focus {
						background-color: #368a55;
					}
					section.top-bar-section ul li > a.button.success:hover,
					section.top-bar-section ul li > a.button.success:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button.alert {
						background-color: #f04124;
						border-color: #cf2a0e;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button.alert:hover,
					section.top-bar-section ul li > a.button.alert:focus {
						background-color: #cf2a0e;
					}
					section.top-bar-section ul li > a.button.alert:hover, 
					section.top-bar-section ul li > a.button.alert:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button.warning {
						background-color: #f08a24;
						border-color: #cf6e0e;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > a.button.warning:hover,
					section.top-bar-section ul li > a.button.warning:focus {
						background-color: #cf6e0e;
					}
					section.top-bar-section ul li > a.button.warning:hover, 
					section.top-bar-section ul li > a.button.warning:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button {
						background-color: #008CBA;
						border-color: #007095;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button:hover,
					section.top-bar-section ul li > button:focus {
						background-color: #007095;
					}
					section.top-bar-section ul li > button:hover, 
					section.top-bar-section ul li > button:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button.secondary {
						background-color: #e7e7e7;
						border-color: #b9b9b9;
						color: #FF7700;
					}
					section.top-bar-section ul li > button.secondary:hover,
					section.top-bar-section ul li > button.secondary:focus {
						background-color: #b9b9b9;
					}
					section.top-bar-section ul li > button.secondary:hover,
					section.top-bar-section ul li > button.secondary:focus {
						color: #FF7700;
					}
					section.top-bar-section ul li > button.success {
						background-color: #43AC6A;
						border-color: #368a55;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button.success:hover,
					section.top-bar-section ul li > button.success:focus {
						background-color: #368a55;
					}
					section.top-bar-section ul li > button.success:hover,
					section.top-bar-section ul li > button.success:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button.alert {
						background-color: #f04124;
						border-color: #cf2a0e;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button.alert:hover, 
					section.top-bar-section ul li > button.alert:focus {
						background-color: #cf2a0e;
					}
					section.top-bar-section ul li > button.alert:hover, 
					section.top-bar-section ul li > button.alert:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button.warning {
						background-color: #f08a24;
						border-color: #cf6e0e;
						color: #FFFFFF;
					}
					section.top-bar-section ul li > button.warning:hover,
					section.top-bar-section ul li > button.warning:focus {
						background-color: #cf6e0e;
					}
					section.top-bar-section ul li > button.warning:hover,
					section.top-bar-section ul li > button.warning:focus {
						color: #FFFFFF;
					}
					section.top-bar-section ul li:hover:not(.has-form) > a {
						background-color: #FF7700;
						color: #FFFFFF;
					}
					section.top-bar-section .has-dropdown > a:after {
						border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
					}
					section.top-bar-section .dropdown label {
						color: #777777;
					}

					@media only screen and (min-width: 40.063em) {
						nav.top-bar {
							background: #FF7700;
						}
						nav.top-bar.expanded {
							background: #FF7700; }

						section.top-bar-section li.hover > a:not(.button) {
							background: #FF7700;
							color: #FFFFFF;
						}
						section.top-bar-section li:not(.has-form) a:not(.button) {
							background: #FF7700;
							color: #FFFFFF;
						}
						section.top-bar-section li:not(.has-form) a:not(.button):hover {
							background: #0078a0;
							color: #FFFFFF;
						}
						section.top-bar-section li.active:not(.has-form) a:not(.button) {
							background: #008CBA;
							color: #FFFFFF;
						}
						section.top-bar-section li.active:not(.has-form) a:not(.button):hover {
							background: #0078a0;
							color: #FFFFFF;
						}
						section.top-bar-section li.active.has-dropdown > a {
							background: #008CBA;
							color: #FFFFFF;
						}
						section.top-bar-section li.has-dropdown > a:after {
							border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
						}
						section.top-bar-section li.has-dropdown > a {
							background: #FF7700;
							color: #FFFFFF;
						}
						section.top-bar-section .dropdown li a {
							color: #FFFFFF;
							background: #FF7700;
						}
						section.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
							background: #0078a0;
							color: #FFFFFF;
						}
						section.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
							background: #FF7700;
							color: #FFFFFF;
						}
						section.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
							background: #0078a0;
							color: #FFFFFF;
						}
						section.top-bar-section .dropdown li label {
							background: #FF7700;
						}
						section.top-bar-section > ul > .divider, 
						section.top-bar-section > ul > [role="separator"] {
							border-right: solid 1px #FFA04D;
						}
						section.top-bar-section .has-form {
							background: #FF7700;
						}
						.no-js section.top-bar-section ul li:hover > a {
							background-color: #555555;
							background: #FF7700;
							color: #FFFFFF;
						}
						.no-js section.top-bar-section ul li:active > a {
							background: #008CBA;
							color: #FFFFFF;
						}
						div.contain-to-grid nav.top-bar {
							max-width: 62.5rem;
						}
					}					div.mega-menu-content {
						background: #FFFFFF;
					}					ul.breadcrumbs {
						background: #ffffff;
					}
					ul.breadcrumbs > a,
					ul.breadcrumbs > * {
						color: #FF7700;
					}
					ul.breadcrumbs > * a {
						color: #FF7700;
					}
					ul.breadcrumbs > *.current {
						color: #333333;
					}
					ul.breadcrumbs > *.current a {
						color: #333333;
					}
					ul.breadcrumbs > *.unavailable {
						color: #999999;
					}
					ul.breadcrumbs > *.unavailable a {
						color: #999999;
					}
					ul.breadcrumbs > *.unavailable:hover,
					ul.breadcrumbs > *.unavailable:hover a, 
					ul.breadcrumbs > *.unavailable:focus,
					ul.breadcrumbs > *.unavailable a:focus {
						color: #999999;
					}
					ul.breadcrumbs > *:before {
						content: "/";
						color: #AAAAAA;
					}
					ul.breadcrumbs > *:first-child:before {
						content: unset;
					}					.icon-bar {
						background: #FF7700;
					}
					.icon-bar > a,
					.icon-bar > * i {
						background: #FF7700;
						color: #FFFFFF;
					}
					.icon-bar > a:hover,
					.icon-bar > * i:hover {
						background: #FF7700;
						color: #008CBA;
					}					section.header {
						background-color: #FF7700;
					}					/* #t4891, 200421, dwildt, 3+ */
					footer.expanded {
						background-color: #FF7700;
					}
					footer > .row {
						background-color: #FF7700;
					}
					footer > .row > div {
						color: #FFFFFF;
						opacity: 0.8;
					}
					footer h1,
					footer h2,
					footer h3,
					footer h4,
					footer h5,
					footer h6,
					footer p,
					footer ul,
					footer ol,
					footer li
					{
						color: #FFFFFF;
					}
					footer .footer a, 
					footer .footer a:link, 
					footer .footer a:visited
					footer .footer a span, 
					footer .footer a:link span,
					footer .footer a:visited span
					{
						color: #008CBA;
					}
					footer .footer a:active, 
					footer .footer a:focus, 
					footer .footer .active a, 
					footer .footer .active a:link,
					footer .footer .active a:visited
					footer .footer a:active span, 
					footer .footer a:focus span, 
					footer .footer .active a span,
					footer .footer .active a:link span,
					footer .footer .active a:visited span
					{
						color:#ffffff;
					}
					footer .footer a:hover, 
					footer .footer a:hover, 
					footer .footer a:hover span,
					footer .footer .active a:active,
					footer .footer .active a:focus,
					footer .footer .active a:hover
					footer .footer .active a:active span,
					footer .footer .active a:focus span,
					footer .footer .active a:hover span
					{
						color:#ffffff;
					}					.side-nav {
						font-family: PTSansWeb, 'PT Sans', 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;;
					}
					.side-nav li.active > a:first-child:not(.button) {
						font-family: PTSansWeb, 'PT Sans', 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;;
					}
					.siteLine {
						background: #FF7700;
						color: #ffffff;
					}
					.siteLine a,
					.siteLine a * {
						color: #ffffff;
					}
					.siteLine a:active,
					.siteLine a:focus,
					.siteLine a:hover,
					.siteLine a:active *,
					.siteLine a:focus *,
					.siteLine a:hover *
					{
						color: #008CBA;
					}

					.siteLine p {
						color: #ffffff;
					}					.panel {
						background: #ffc89b;
					}
					.panel div,
					.panel dl,
					.panel h1, 
					.panel h2, 
					.panel h3, 
					.panel h4, 
					.panel h5, 
					.panel h6, 
					.panel i,
					.panel li, 
					.panel p {
						color: #FF7700;
					}
					.panel a:not(.button),
					.panel a:not(.button) i
					{
						color: #008CBA;
					}
					.panel a:active:not(.button),
					.panel a:focus:not(.button),
					.panel a:hover:not(.button),
					.panel a:active:not(.button) i,
					.panel a:focus:not(.button) i,
					.panel a:hover:not(.button) i
					{
						color: #ffffff;
					}
					.panel .button {
						color: #008CBA;
						background: #FF7700;
					}


					.panel.callout {
						background: #FF7700;
					}
					.panel.callout div,
					.panel.callout dl,
					.panel.callout h1, 
					.panel.callout h2, 
					.panel.callout h3, 
					.panel.callout h4, 
					.panel.callout h5, 
					.panel.callout h6, 
					.panel.callout i,
					.panel.callout li, 
					.panel.callout p {
						color: #ffffff;
					}
					.panel.callout a,
					.panel.callout a i
					{
						color: #008CBA;
					}
					.panel.callout a:active,
					.panel.callout a:focus,
					.panel.callout a:hover,
					.panel.callout a:active i,
					.panel.callout a:focus i,
					.panel.callout a:hover i
					{
						color: #ffffff;
					}					body .reveal-modal,
					body .reveal-modal dl,
					body .reveal-modal h1,
					body .reveal-modal h2,
					body .reveal-modal h3,
					body .reveal-modal i,
					body .reveal-modal ol,
					body .reveal-modal p,
					body .reveal-modal ul {
						background-color: #FF7700;
						color: #ffffff;
					}
					body .reveal-modal a {
						color: #A52A2A;
					}
					body .reveal-modal a:hover {
						color: #008CBA;
					}
					body .reveal-modal a.close-reveal-modal {
						color: #ffffff;
					}
					body .reveal-modal a.close-reveal-modal:hover {
						color: #008CBA;
					}
					body .reveal-modal a.button,
					body .reveal-modal a.button:hover {
						background-color: #008CBA;
						color: #ffffff;
					}
					@media only screen and (min-width: 40.063em) {
						body .reveal-modal {
							max-width: 62.5rem;
						}
						body .reveal-modal.tiny {
							max-width: 62.5rem;
						}
						body .reveal-modal.small {
							max-width: 62.5rem;
						}
						body .reveal-modal.medium {
							max-width: 62.5rem;
						}
						body .reveal-modal.large {
							max-width: 62.5rem;
						}
						body .reveal-modal.xlarge {
							max-width: 62.5rem;
						}
						body .reveal-modal.full {
							max-width: 62.5rem;
						}
					}