/* ==========================================================================
   HPL variables
   ========================================================================== */

:root {

	/* Schriftart */
	--hpl-font-size: 1rem;
	--hpl-font-color: #222222;
	--hpl-font-weight: normal;
	--hpl-font-family: 'Roboto', sans-serif;

	/* Links */
	--hpl-link-color: #333333;
	--hpl-link-decoration: dotted;
	--hpl-link-font-style: italic;
	--hpl-link-hover-color: #555555;

	/* Table Column Headers */
	--hpl-table-column-header-color: #333333;
	--hpl-table-column-header-background-color: #ffffff;
	--hpl-table-column-header-font-weight: bold;
	--hpl-table-column-header-sortable-color: #0000ff;
	--hpl-table-column-header-sort-up-icon: "\25B2";
	--hpl-table-column-header-sort-down-icon: "\25BC";

	/* Buttons */
	--hpl-button-background-color: #cc0000;
	--hpl-button-text-color: #ffffff;

	/* Header Bar */
	--hpl-header-bar-font-weight: normal;
	--hpl-header-bar-text-shadow: 1px 0 0 currentColor;
	--hpl-header-bar-color: #ffffff;
	--hpl-header-bar-background-color: #cc0000;

	/* Menü */
	--hpl-menu-font-size: 1rem;
	--hpl-menu-font-weight: normal;
	--hpl-menu-text-shadow: 1px 0 0 currentColor;
	--hpl-menu-color: #ffffff;

	/* Submenü */
	--hpl-sub-menu-font-size: 1rem;
	--hpl-sub-menu-font-weight: normal;
	--hpl-sub-menu-text-shadow: 1px 0 0 currentColor;
	--hpl-sub-menu-color: #ffffff;

	/* Kacheln (tiles) */
	--hpl-tile-font-size: 1.2rem;
	--hpl-tile-font-color: #ffffff;
	--hpl-tile-font-weight: 300;

	/* Header */
	--hpl-h1-font-size: 2.25rem;
	--hpl-h1-font-color: inherit;
	--hpl-h1-background-color: inherit;
	--hpl-h1-font-weight: inherit;
	--hpl-h1-font-family: inherit;

	--hpl-h2-font-size: 2.0rem;
	--hpl-h2-font-color: inherit;
	--hpl-h2-background-color: inherit;
	--hpl-h2-font-weight: inherit;
	--hpl-h2-font-family: inherit;

	--hpl-h3-font-size: 1.8rem;
	--hpl-h3-font-color: inherit;
	--hpl-h3-background-color: inherit;
	--hpl-h3-font-weight: inherit;
	--hpl-h3-font-family: inherit;

	--hpl-h4-font-size: 1.6rem;
	--hpl-h4-font-color: inherit;
	--hpl-h4-background-color: inherit;
	--hpl-h4-font-weight: inherit;
	--hpl-h4-font-family: inherit;

}
