/* farbcodes eintragen*/

:host > * {
	--white: #FFFFFF;
	--black: #1B1B1B;
	--red-900: #B71C1C;
	--orange-900: #FF7134;
	--green-800: #558B2F;
	--amber-400: #FFCA28;
	--hint-box-bg: #ecfcef;
	--hint-box-border: #caedd0;
	--hint-box-warning-bg: #FFCA28;
	--hint-box-warning-border: #ffffff;
	--hint-box-error-bg: rgb(255, 181, 181);
	--hint-box-error-border: #B71C1C;
	--pc-light-blue: #dcf1ff;
	--pc-blue: #3BA4F0;
	--pc-darker-blue: #2c92db;
	--pc-gray: #F2F2F2;
	--pc-mid-gray: #dfdfdf;
	--pc-mid-gray-2: #c4bebe;
	--pc-mid-gray-3: #a09e9e;
	--pc-dark-gray: #5B5B5B;
	--tc-primary: var(--black);
	--tc-secondary: var(--white);
	--table-bg-1: var(--pc-gray);
	--table-row-hl: var(--pc-light-blue);
	--dataview-padding: 30px;
	--era-icon-active_-_color: var(--pc-blue);
	--era-checkbox-checked_-_border-color: var(--pc-blue);
	--era-checkbox-checked_-_background: var(--pc-blue);
	--era-button_-_background: var(--pc-mid-gray);
	--era-button_-_color: var(--pc-blue);
	--era-button_-_padding: 6px 10px;
	--era-button_-_border-radius: 3px;
	--era-button_-_transition: background 0.2s;
	--era-button_-_min-width: 40px;
	--era-button-hover_-_background: var(--pc-blue);
	--era-button-hover_-_color: var(--white);
	--era-button-active_-_background: var(--pc-blue);
	--era-button-active_-_color: var(--white);
	--era-button-disabled_-_background: var(--bg-gray);
	--era-button-disabled_-_color: rgba(255,255,255, 0.5);
	--era-button-success_-_background: var(--green-800);
	--era-button-success_-_color: var(--white);
	--era-button-error_-_background: var(--red-900);
	--era-button-error_-_color: var(--white);
	--era-toggle-bg-color-on: var(--pc-darker-blue);
	--era-toggle-button-color-on: var(--pc-blue);
	--era-toggle-bg-color-off: var(--pc-mid-gray-2);
	--era-toggle-button-color-off: var(--pc-mid-gray);
	--era-toggle-bg-color-disabled: var(--pc-dark-gray);
	--era-popover-background: #F5F5F5;
	--era-popover-shadow: --filter-or-group-bg: #DFDFDF;
	--era-icon_-_color: var(--pc-dark-gray);
	--era-icon-hover_-_color: var(--pc-blue);
	--era-icon-active_-_color: var(--pc-blue);
	--era-input_-_padding: 5px 0 15px 0;
	--era-input-line-color: var(--pc-dark-gray);
	--era-input-line-color-focused: var(--pc-blue);
	--era-textarea-error-message_-_background: transparent;
	--era-dropdown-selector_-_background: var(--white);
	--era-dropdown-selector-focus_-_border: solid 1px var(--pc-blue);
	--era-dropdown-item-hover_-_background: var(--pc-blue);
	--era-dropdown-item-hover_-_color: var(--white);
	--era-dropdown-item-selected_-_background: var(--pc-blue);
	--era-dropdown-item-focus_-_background: var(--pc-mid-gray);
	--era-dropdown-item-focus_-_color: var(--black) !important;
	--era-radio-button-dot-checked_-_background: var(--pc-dark-gray);
	--era-radio-button-border-focus_-_border-color: var(--pc-blue);
	--era-radio-button-label-focus_-_color: var(--pc-blue);
	--era-radio-button-dot-focus_-_background: var(--pc-blue);
	--era-spinner-color1: var(--pc-blue);
	--era-spinner-color2: var(--pc-gray);
	--era-scroll-top_-_background: var(--pc-900);
	--era-scroll-top-hover_-_background: var(--pc-900);
	--era-tabs_-_border-bottom: solid 1px var(--pc-mid-gray);
	--era-tabs-item_-_background: var(--pc-mid-gray);
	--era-tabs-item-selected_-_background: var(--pc-blue);
	--era-tabs-item-selected_-_color: var(--white);
	--era-query-selector-item_-_background: var(--pc-blue);
	--era-query-selector-item_-_color: var(--white);
	--era-query-selector-remove-item-icon_-_color: var(--white);
	--era-listbox-container_-_border: solid 1px var(--pc-mid-gray);
	--era-listbox-container_-_transition: border-color 300ms linear;
	--era-listbox-container-invalid_-_border-color: var(--red-900);
	--era-listbox-item_-_cursor: pointer;
	--era-listbox-item-selected_-_background: var(--pc-light-blue);
	--era-listbox-item-readonly_-_background: var(--pc-gray);
	--era-listbox-item-readonly-chkbox_-_color: var(--pc-dark-gray);
	--era-filter-builder-field-selector-selected-category_-_background: var(--pc-blue);
	--era-filter-builder-field-selector-item-hover_-_background: var(--pc-mid-gray);
}

/* general styling */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana,
        sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
}

h1,
h2,
h3 {
    font-weight: 900;
}

h1 {
    font-size: 4rem;
}

h3 {
    font-size: 2.5rem;
}

a {
}

a:hover,
a:focus {
}

/* header */

#intro {
    width: 100%;
}

#intro img {
    width: 100%;
}

header {
    position: fixed;
    width: 100%;
    height: 80px;
    /* top: 0px; */
    background-color: #2c92db;
    align-items: center;
}

header ul {
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
}

header li {
    list-style-type: none;
    flex: 1;
}

#logo-content {
}

#tagline {
}

/* main content */
.content img {
    width: 100%;
}