:root {
    --color-plm-grey: #303d48;
    --color-plm-grey-80: #59646d;
    --color-plm-grey-60: #838b91;
    --color-plm-grey-40: #acb1b6;
    --color-plm-grey-20: #d6d8da;
    --color-plm-grey-10: #eaebec;
    --color-plm-grey-5: #f7f7f8;

    --color-plm-greylight: #E4EBF0;

    --color-plm-gold: #AC8D58;
    --color-plm-gold-80: #bda479;
    --color-plm-gold-60: #cdbb9b;
    --color-plm-gold-40: #ded1bc;
    --color-plm-gold-20: #eee8de;
    --color-plm-gold-10: #f7f3ee;
    --color-plm-gold-5: #fcfaf8;

    --color-plm-pink: #B12878;
    --color-plm-white: #FFFFFF;
    --color-plm-whitetrans: #FFFFFFBF;
}

/* Farben */
html,
.hg-hell,
.bs_reiter_normal:hover,
.buchung-tabelle-rahmen,
.buchung-tabelle-zeile1,
.auswahl-eingabe,
.text-eingabe,
.vorgang_zeile2,
.konto_vorgang_tabelle,
.reisekalender-reisezeile1 {
	background-color: var(--color-plm-gold-10)
}

.hg-hell-absatz,
.ui-datepicker,
.rb-termine-zeile2,
.buchung-tabelle-zeile2,
.vorgang_zeile1,
.reisekalender-reisezeile2 {
	background-color: var(--color-plm-gold-5);
}

.hg-mittel,
.ui-datepicker-weekend,
.buchung-zeile-aktiv {
	background-color: var(--color-plm-gold-20);
}

.hg-dunkel,
.ui-datepicker-header,
.buchung-unterbringung-label {
	background-color: var(--color-plm-gold);
}

.hg-farbe1,
.buchung-tabelle-rahmen th,
thead,
.buchung-unterbringung-preis span,
.konto_vorgang_tabelle th {
	background-color: var(--color-plm-gold);
	/* blau-gr�n dunkel */
}

.hg-farbe2,
.ui-datepicker-current-day .ui-state-active,
.bs_reiter_aktiv {
	background-color: var(--color-plm-gold-80);
	/* blau-gr�n hell */
}


.vg-hell,
.ui-datepicker-header,
.ui-datepicker-current-day .ui-state-active,
.ui-accordion-header a,
.buchung-tabelle-rahmen th,
.ui-dialog-titlebar a,
.buchung-unterbringung-label,
.buchung-unterbringung-preis span,
.bs_nextstep_aktiv,
.konto_vorgang_tabelle th {
	color: #ffffff;
}

.vg-mittel,
.bs_reiter_inaktiv td,
.bs_nextstep_inaktiv,
.bs_backstep_inaktiv,
.konto_reiter_inaktiv,
.adresse_anzeige_wert {
	color: #aaaaaa;
}

.vg-dunkel,
.ui-datepicker,
.ui-datepicker a,
.buchung-sublabel,
.buchung-select,
.text-eingabe,
.auswahl-eingabe,
.buchung-tabelle-rahmen td,
.buchung-information-modal,
.buchung-unterbringung-zeile,
.buchung-teilnehmer-abschnitt,
.buchung-zahlung-container,
.konto_reiter_passiv,
.adresse_anzeige_label,
.konto_vorgang_tabelle td {
	color: var(--color-plm-grey);
}

.vg-farbe1,
.buchung-label,
.konto_reiter_aktiv {
	color: var(--color-plm-gold);
	/* blau-gr�n dunkel */
}

.vg-farbe2,
.ui-datepicker-today .ui-state-highlight,
a,
.bs_backstep_aktiv,
.buchung-link-container:hover {
	color: var(--color-plm-gold-80);
	/* blau-gr�n hell */
}

.RSTermineHeader,
.RSTermine {
	color: #fffffe;
}

.RSTermineAktiv {
	color: var(--color-plm-gold-80);
}


.container-hell,
.ui-datepicker,
.ui-datepicker td a,
.ui-dialog,
#tooltip,
.konto_reiter_aktiv {
	/* border: 1px solid var(--color-plm-gold-40); */
	background-color: var(--color-plm-gold-5);
	padding: 10px;
}

.container-mittel {
	border: 1px solid var(--color-plm-grey);
	background-color: var(--color-plm-gold-40);
	padding: 5px;
}

.container-dunkel {
	padding: 5px;
	color: #ffffff;
	background: var(--color-plm-grey);
	background: linear-gradient(to top, var(--color-plm-grey) 0%, var(--color-plm-gold-40) 100%);
}

.container-farbe,
.bs_reiter_aktiv,
.ui-dialog-titlebar,
.ui-buttonset .ui-state-active,
.bs_nextstep_aktiv,
.bs_backstep_aktiv,
span.buchung-zusammenfassung-aufruf {
	padding: 10px;
	color: #ffffff;
	background: var(--color-plm-gold-80);
	background: linear-gradient(to top, var(--color-plm-gold) 0%, var(--color-plm-gold-80) 100%);
	border-radius: 4px;
}

td.kalender-tag-checked {
	padding: 10px;
	color: #ffffff !important;
	background: var(--color-plm-gold-80) !important;
	background: linear-gradient(to top, var(--color-plm-gold) 0%, var(--color-plm-gold-80) 100%) !important;
	border-radius: 4px;
}

.rahmen-hell,
.ui-datepicker,
.ui-datepicker td a,
.buchung-tabelle-rahmen,
.ui-button,
.kal_tag_nurtag,
.kal_tag_buchbar,
.kal_tag_anfrage,
.kal_tag_nichtbuchbar,
.konto_vorgang_tabelle {
	border: 1px solid var(--color-plm-gold-40);
}

.rahmen-dunkel,
.buchung-unterbringung-ausstattung,
.buchung-unterbringung-anreise,
.buchung-unterbringung-abreise,
.buchung-unterbringung-kategorie,
.buchung-unterbringung-verpflegung {
	border: 1px solid var(--color-plm-gold);
}


/* Steuerung */
.button-standard {
	box-sizing: border-box;
	padding: 8px 24px;
	cursor: pointer;
	border: 0;
	font-weight: 500;
	font-size: 1em;
	color: #ffffff;
	background: var(--color-plm-gold);
	border-radius: 25px;
	transition: .25s;
}

.button-standard:hover {
	background: var(--color-plm-pink);
}

.text-eingabe {
	box-sizing: border-box;
	padding: 2px;
	border: 1px solid var(--color-plm-gold-40);
	box-sizing: border-box;
	padding: 4px;
	font-size: 1em;
}

.auswahl-eingabe {
	padding: 3px;
	border: 1px solid var(--color-plm-gold-40);
}

.buchung-text-eingabe_pf1,
.buchung-teilnehmer-anzeige_p {
	border: 1px solid #990000;
	background-color: #ffeeee;
}

.buchung-text-eingabe_pf2 {
	border: 1px solid #339900;
	background-color: #eeffee;
}

.buchung-text-eingabe_pf3 {
	border: 1px solid #ff9900;
	background-color: #ffffee;
}

.kal_tag_buchbar {
	background-color: #00cc00;
	color: #ffffff !important;
}

.kal_tag_anfrage {
	background-color: #ffcc00;
}

.kal_tag_nichtbuchbar {
	background-color: #ff2600;
	color: #ffffff !important;
}

.crm_display_p {
	border: 1px solid #ff0000;
}

.anmeldung-header-hinweis,
.anmeldung-fehler {
	color: #cc0000;
}