@import 'vaadin-app-layout.css';
@import 'vaadin-checkbox.css';
@import 'vaadin-date-picker.css';
@import 'vaadin-radio-button.css';
@import 'vaadin-tabs.css';
@import 'vaadin-tab.css';
@import 'vaadin-text-area.css';
@import 'vaadin-text-field.css';
@import 'vaadin-upload.css';

html, :host {
	/* --- benutzte eigene Farben --- */
  	--vbg_blau: rgb(0,73,148);
	--vbg_grau_hell: rgb(250,250,250);
	--vbg_orange: rgb(243,146,0);
	  	
  	/* --- unbenutzte eigene Farben --- */
	--vbg_blau_10: rgba(0,73,148,0.1);
	--vbg_blau_hell: rgb(204,233,247);
	--vbg_cyan: rgb(0,149,219);
	--vbg_gelb: rgb(255,204,0);
	--vbg_grau: rgb(85,85,85);
	--vbg_gruen: rgb(81,174,49);
	--vbg_gruen_hell: rgb(175,202,6);
	--vbg_rot: rgb(212,15,20);
	--vbg_text: rgb(51,51,51);
	--vbg_tuerkis: rgb(0,140,142);
	--vbg_violett: rgb(184,13,120);   

    /* --- Carousel --- */
    --paper-slide-dot: rgb(160,160,160);
    --paper-slide-dot-selected: rgb(175,202,6);
	
	
	/* --- Lumo-Theme ueberschrieben --- */
	--lumo-font-family: 'Source Sans 3', "Open Sans", sans-serif;
    --lumo-font-size-xl: 16.5px; 
    --lumo-contrast-5pct: transparent; 
	--lumo-background-color: white;
	--lumo-primary-text-color: var(--vbg_blau);
	--lumo-disabled-text-color: rgb(80,80,80); 
	--lumo-primary-color: var(--vbg_blau);
    --lumo-primary-color-50pct: rgba(0,73,148,0.76);
	--lumo-button-font-size: 1rem;
	--lumo-h4-font-size: 1.2rem;
	--_lumo-split-layout-splitter-background-color: var(--vbg_blau);
	--_lumo-button-background: transparent;
}

	@font-face{
    font-family: 'Source Sans 3';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url("fonts/SourceSans3-Regular.ttf.woff2") format("woff2"),
         url("fonts/SourceSans3-Regular.ttf.woff") format("woff");
	}

a {
    color: var(--vbg_blau);
	text-decoration: underline;
}

h2 {
    color: var(--vbg_blau);
    font-weight: 700;
    margin-bottom: 0;
    font-size: 1.2rem;
}
          
vaadin-date-picker::part(input-field) {
    background-color: var(--lumo-base-color);
}
	
vaadin-input-container::part(input-field) [disabled] {
    -webkit-text-fill-color: var(--vbg_text);
}

vaadin-confirm-dialog-overlay::part(footer) {
    background-color: rgb(255,255,255);
}

vaadin-confirm-dialog-overlay::part(header) {
	padding: var(--lumo-space-m) var(--lumo-space-l);
}

vaadin-button {
	height: auto;
	text-transform: none;
}

vaadin-button::part(label) {
    white-space: normal;
    text-align: left;
    padding: 0;
}

vaadin-button.vaadin-confirm-button-style {
    color: var(--vbg_grau);
    border: 1px solid var(--vbg_grau);
    background-color: #ECECEC;
    border-radius: 4px;
}

vaadin-button.vaadin-confirm-button-style:hover {
    color: white;
    border: 1px solid var(--vbg_blau);
    background-color: var(--vbg_blau);
    border-radius: 4px;
}

vaadin-button.vaadin-confirm-button-style-rot {
    color: white;
    border: 1px solid var(--vbg_grau);
    background-color: var(--vbg_rot);
    border-radius: 4px;
}

vaadin-button.vaadin-confirm-button-style-rot:hover {
    color: white;
    border: 1px solid var(--vbg_blau);
    background-color: var(--vbg_blau);
    border-radius: 4px;
}

.AllgemeinTabsBottom {
	border-top: 1pt solid #a1a1a1;
}
    
.AllgemeinTabImage {
	box-sizing: border-box;
    margin-inline-end: 0.25rem;
    margin-inline-start: 0.25rem;
    padding: 0.25rem;
}
    
.AllgemeinDialogButton {
	min-width: 30px;
	padding: 0;
}
    
.AllgemeinFusszeileButton {
	width: 100%;
    font-size: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0.5;
    cursor: pointer;
}
    
.AllgemeinFusszeileVlButton {
	align-items: center;
}

vaadin-upload-file.hidden-row::part(row) {
	display: none;
}

/* FAQS */
.FaqsDivFragen h3 {
	font-size: 1.2rem;
    color: var(--vbg_blau);
    margin-top: 0;
    margin-bottom: 0;
}
    
.FaqsDivHeadingFAQ h4 {
	font-size: 1.1rem;
    font-weight: 400;
    color: black;
    margin-top: 0;
    margin-bottom: 0;
}
    
.details-faqs vaadin-details-summary {
	font-size: 120%;
    padding-right: 1rem;
    margin-top: var(--lumo-space-m);
    display: inline-flex;
    cursor: pointer;
    white-space: normal;
    --lumo-header-text-color: var(--vbg_blau);
}

.details-faqs vaadin-details-summary::part(toggle) {
	width: 24px;
	height: 24px;
}

.details-faqs vaadin-details-summary::part(toggle)::before    {
	content: var(--toggle-content); 
}

/* Impressum */
.ImpressumDivH3 h3 {
	font-weight: 700;
    font-size: 1rem;
    margin-top: 5px;
    color: var(--vbg_blau);
}

.ImpressumDivH3 h4 {
	font-weight: 500;
    font-size: 1rem;
    margin-top: 5px;
    color: var(--vbg_blau);
}
    
/* Übersicht */
.LayoutUebersichtRlName a {
	color: black;
    width: 100%;
    text-decoration: none;
}