/**
 * IMX Eventmanager - Whitelabel 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage basics
 * @author     gueldner
 * @since      26.06.2015
 * @version    $Id$
 **/
@import url("/portal/frontend/components/v3/assets/styles/branding/fonts/SourceSansPro.css");
@import url("/portal/frontend/components/v3/assets/styles/branding/fonts/SourceSerifPro.css");

:root {
  --page-basesize: 8px;
  --page-background: #fff;
  --page-header-background: #fff;
  --page-footer-background: #e5e5e5;
  --page-footer-color: #fff;
  --page-sideborder: 0;
  --font-headlines: 'Source Serif Pro';
  --font-text: 'Source Sans Pro';
  --cd-background: #ff3c2d;
  --cd-background-contentForm-label: #fff;
  --cd-color-border-contentForm-label: #000;
  --cd-background-color-contentForm-button: var(--cd-background-contentForm-label);
  --cd-background-color-contentForm-activeButton: var(--cd-background);
  --cd-color-contentForm-label: #000;
  --cd-colorOnBackground: #fff;
  --cd-color: #ff3c2d;
  --cd-cta: #ff3c2d;
  --cd-color-link: #ff3c2d;
  --cd-colorOnCta: #fff;
  --cd-text: #333;
  --cd-alternative-background: #e7e7e7;
  --cd-alternative-color: #000;
  --form-background: #ebebebd9;
  --form-background-emptyHeroImage: var(--form-color);
  --form-color: #000;
  --form-button-background: var(--cd-background);
  --form-button-color: var(--cd-colorOnBackground);
  --form-group-mobile-border: 1px solid var(--cd-alternative-color);
  --elements-border: 1px solid #ddd;
  --headline-border: 4px solid var(--cd-cta);
  --detailpage-hero-fallback: #e0202c;
  --detailpage-criterion-background: #e5e5e5;
  --detailpage-criterion-color: #333;
  --detailpage-dates-background: #e5e5e5;
  --detailpage-dates-color: #000;
  --detailpage-prices-background: #e5e5e5;
  --detailpage-prices-color: #000;
  --detailpage-routing-background: #e5e5e5;
  --detailpage-routing-color: #000;
  --detailpage-location-background: #e5e5e5;
  --detailpage-location-color: #000;
  --datepicker-background: #fff;
  --datepicker-color: #000;
  --datepicker-today-background: var(--cd-background);
  --datepicker-today-color: var(--cd-colorOnBackground);
  --datepicker-borderday-background: #aeaeae;
  --datepicker-borderday-color: #fff;
  --datepicker-weekdays-background: transparent;
  --datepicker-weekdays-color: #000;
  --datepicker-event-background: #ddd;
  --datepicker-event-color: #000;
  --datepicker-otherdatespreview-background: #ff3c2d;
  --datepicker-otherdatespreview-closer-background: #ff3c2d;
  --map-poi-default: var(--cd-color);
  --map-poi-active: #69685d;

  /** Optional */
  --font-search-headline-letterspacing: -2px;
  --font-detailpage-headline-letterspacing: -2.2px;
  --image-copyright: #fff;
  --heroImage-color: #fff;
  --list-header-color: var(--cd-alternative-color);
  --list-header-background: #e5e5e5;
  --list-element-headline: #ff3c2d;
  --list-element-text: #000;
  --list-element-background: #f5f5f5;
  --list-element-sticky-background: #fff;
  --list-element-sticky-color: #000;
  --list-element-sticky-filter-background: var(--cd-cta);
  --list-element-sticky-filter-color: var(--cd-colorOnCta);
  --button-background: var(--cd-background);
  --button-border-raidus: 5px;
  --button-color: var(--cd-colorOnBackground);
  --button-counter-background: #ff3c2d;
  --filter-background: #e5e5e5;
  --filter-color: var(--cd-alternative-color);
  --filter-count-color: var(--cd-alternative-color);
  --filter-active: var(--cd-cta);
  --filter-more: var(--cd-cta);
  --filter-mobile-background: #fff;
  --filter-mobile-color: #000;
  --filter-mobile-subfilter-background: var(--cd-alternative-background);
  --filter-mobile-subfilter-color: var(--cd-alternative-color);
  --filter-mobile-button-background: #f5f5f5;
  --filter-mobile-button-color: #000;
  --filter-mobile-button-active-background: var(--cd-cta);
  --filter-mobile-button-active-color: var(--cd-colorOnBackground);
  --cart-background: #fff;
  --cart-color: #000;
  --collector-background: var(--cd-color);
  --collector-color: var(--cd-colorOnBackground);
  --offcanvas-list-element-headline: #ff3c2d;
  --offcanvas-list-element-text: var(--cd-text);
  --offcanvas-list-element-background: var(--page-background);
  --offcanvas-collector-background: var(--cd-cta);
  --offcanvas-delete-button-color: #ff3c2d;
  --offcanvas-infoboardHeader-background: var(--cd-colorOnBackground);
  --offcanvas-color: var(--cd-colorOnBackground);
  --swich-color: var(--cd-text);
  --swich-active-color: var(--cd-cta);
  --datepicker-selectedDay-background-color: var(--button-background);
  --datepicker-hasEvent-background-color: rgba(244, 32, 44, 0.75);
  --datepicker-hasEvent-color: #fff;

  /* font sizes, only px unit is allowed (others are only for legacy here */
  --font-size-languageSetter: 16px;
  --font-size-copyright: 12px;
  --font-size-headlines: 48px;
  --font-size-footer-text: 14px;
  --font-size-footer-mobile-text: 13px;
  --font-size-stickybuttons: 12px;
  --font-size-disclaimer: 13px;
  --font-size-button: 14px;
  --font-size-offcanvas-delete-button-color: 14px;
  --font-size-offCanvas-headline: 22px;
  --font-size-infoboard-headline: 22px;
  --font-size-offCanvas-element-header: 17px;
  --font-size-offCanvas-info: 12px;
  --font-size-offCanvas-text: 12px;
  --font-size-articleText-headline: 50px;
  --font-size-articleText-downloads-headline: 24px;
  --font-size-articleText-text: 16px;
  --font-size-articleText-tags: 12px;
  --font-size-articleContext-headline: 16px;
  --font-size-articleContext-text: 16px;
  --font-size-articleContext-image: 12px;
  --font-size-contentForm-label: 16px;
  --font-size-overlay-form-input: 16px;
  --font-size-list-results-text: 20px;
  --font-size-titleArea: 20px;
  --font-size-detailpage-heroImage: 52px;
  --font-size-detailpage-heroImage-subline: 52px;
  --font-size-detailpage-moreElements: 34px;
  --font-size-detailpage-backlink: 14px;
  --font-size-detailpage-calendar-overlay-time: 14px;
  --font-size-detailpage-calendar-overlay-duration: 13px;
  --font-size-detailpage-calendar-overlay-dateLabel: 16px;
  --font-size-detailpage-calendar-overlay-date: 26px;
  --font-size-calendar-base: 15px;
  --font-size-calendar-monthTitle: 22px;
  --font-size-calendar-buttonpanel: 14px;
  --font-size-tabArea: 14px;
  --font-size-notFoundRedirect: 20px;
  --font-size-list-header: 14px;
  --font-size-list-header-date: 18px;
  --font-size-list-element-moreDatesInSearch: 13px;
  --font-size-list-element-cancelled: 14px;
  --font-size-list-element-note: 14px;
  --font-size-list-element-copyright: 12px;
  --font-size-list-element-headline: 17px;
  --font-size-list-element-text: 15px;
  --font-size-list-element-info: 15px;
  --font-size-list-loadMore: 16px;
  --font-size-filter-label: 12px;
  --font-size-filter-sublabel: 11px;
  --font-size-filter-headline: 16px;
  --font-size-search-input: 16px;
  --font-size-search-inputDate: 15px;
  --font-size-search-heading: 16px;
  --font-size-search-slider-text: 12px;
  --font-size-search-autocomplete-footer: 16px;
  --font-size-search-autocomplete-value: 16px;
  --font-size-search-tokenInput: 12px;
}