:root {
    /* Kontrastfarbe für die Auftragsübersicht */
    --hup-overview-bgcolor: #F0F0F0;
    /* Kontrastfarbe für die Vorgänge eines Auftrags */
    --hup-overview-odd-bgcolor: #f7f7f2;
    /* Textfarbe der Buttons */
    --hup-button-color: #FFFFFF;
    /* Buttonfarbe */
    --hup-button-bgcolor: #00569b;
    /* aktiver Button */
    --hup-button-active-bgcolor: #8f999f;
    /* */
    --hup-button-active-color: #FFFFFF;
    /* hover Button */
    --hup-button-hover-bgcolor:#8f999f;
    /* */
    --hup-button-hover-color:#FFFFFF;
    /* kleine Buttons  in Aboliste, Reklamationsliste, Reiseserviceliste */
    --hup-button-cfi-color: #245544;
    /* */
    --hup-navigationbar-bgcolor:#243a5a;
    /* Textfarbe der Navigationsbuttons*/
    --hup-button-topnav-color: #FFFFFF;

    /* Angebotsseite */

    /* Hintergrundfabre des Gruppen-Angebotsheaders */
    --hup-offer-group-header-bgcolor: #1695a3;
    /* Textfarbe des Gruppen-Angebotsheaders */
    --hup-offer-group-header-color: #FFFFFF;
    /* Borderfarbe der Gruppenbeschreibung */
    --hup-offer-group-description-bordercolor: #e6e6e6;
    /* Hintergrundfarbe der Angebotsüberschrift */
    --hup-offer-header-bgcolor: #182d42;
    /* Schriftfarbe der Angebotsüberschrift */
    --hup-offer-header-color: #fff;
    /* Hintergrundfarbe der Angebotsbeschreibung */
    --hup-offer-offerdescription-bgcolor: #e6e6e6;
    /* Hintergrundfarbe des Bestelllinks */
    --hup-offer-orderlink-bgcolor: #1695a3;
    /* Hintergrundfarbe des Bestelllinks */
    --hup-offer-orderlink-color: #fff;

    /* Prämienauswahl */

    /* Hintergrundfarbe des Detail Popups */
    --hup-bonus-detail-popup-bgcolor: #fff;
    /* Rahmenfarbe der Prämien */
    --hup-bonus-box-border-color: #000;
}