.brand {
	background-image: url("../img/Logokombination-weiss_klein.png")
}

.wrapper.modal {
  display: table;
  width: 100%;
}
.wrapper {
  position: relative;
}

.wrapper .modal-content {
  padding: 24px !important;
}

.box-modal {
  max-width: 380px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.modal .brand-wrapper {
  display: block;
  float: none;
  margin-bottom: 48px;
}

.toggle {
  margin-bottom: 12px;
  padding-left: 28px !important;
}

.toggle__indicator {
  position: absolute;
  top: 1px;
  left: 0;
}

@font-face{
	font-family: "Avenir Next";
	src: url("/public/assets/fonts/AvenirNextLTPro-Regular.otf") format("opentype");
}

:root {
 
  /* *************************************

  Logo und CD/CI */


  /* Datei, Größe und Positionierung */

  --logo-height:                          25px;
  --logo-height-scrolled:                 26px;
  --logo-position:                        center;


  /* Hintergrundfarbe und Rahmen des Logos */

  --color-brand-bg:                       #5A5A5A;
  --color-brand-border:                   #17205b;


  /* Schriftarten */

  --default-font:                         "Avenir Next";
  --heading-font:                         "Avenir Next";



  /* *************************************

  Allgemeine Farben */


  /* Hauptfarbe inkl. Abstufungen */

  --color-primary:                        #f7a600;
  --color-primary-darken-5:               #f7a600;
  --color-primary-darken-10:              #17205b;
  --color-primary-darken-15:              #121946;
  --color-primary-darken-20:              #0d1232;
  --color-text-on-primary:                #d9d9d9;


  /*Schmuckfarbe */

  --color-secondary:                      #f7a600;


  /* Textfarben */

  --color-body-text:                      #000000;
  --color-body-text-dark:                 #222;
  --color-body-text-light:                #999;
  --color-heading:                        #222;
  --color-link:                           #f7a600;
  --color-link-hover:                     #575756;


  /* Farben für Rahmen */

  --color-border:                         #dfdfdf;
  --color-border-dark:                    #cacbd8;
  --color-border-light:                   #e5e5e5;


  /* Hintergrundfarben Inhalt  */

  --color-content-bg:                     #f1f1f1;
  --color-content-bg-light:               #fff;
  --color-content-bg-dark:                #e8e8e8;
  --color-body-highlight:                 #fff0e5;


  /* Kopfbereich Inhalt */

  --color-content-header-bg:              #f1f1f1;
  --color-content-header-text:            #333;
  --color-content-header-border:          #dfdfdf;



  /* *************************************
  
  Kopfbereich der Seite */

  --color-header-bg:                      #f1f1f1;
  --color-header-bg-dark:                 #f1f1f1;
  --color-header-shadow-scrolled:         rgba(0, 0, 0, 0.5);
  --color-header-border:                  #f1f1f1;

  --color-header-text:                    #f1f1f1;
  --color-header-text-bg:                 #f1f1f1;
  --color-header-text-hover:              #fff;
  --color-header-text-bg-hover:           #FF6600;

  --color-header-search-icon:             #fff;
  --color-header-search-text:             #fff;
  --color-header-search-text-focus:       #222;
  --color-header-search-bg-focus:         #fff;
  --color-header-search-placeholder:      #6775d7;



  /* *************************************
  
  Fussbereich der Seite */

  --color-footer-bg:                      #949494;
  --color-footer-text:                    #FFFFFF;
  --color-footer-link:                    #FFFFFF;
  --color-footer-link-hover:              #fff;
  --color-footer-link-active:             #fff;



  /* *************************************
  
  Seitenbereich der Seite */

  --color-sidebar-bg:                     #FFFFFF;
  --color-sidebar-text:                   #949494;
  --color-sidebar-border:                 #dfdfdf;

  --color-sidebar-title:                  ##f7a600;
  --color-sidebar-title-btn-bg:           #f7a600;
  --color-sidebar-title-btn-link:         #f7a600;
  --color-sidebar-title-btn-bg-active:    #f7f7f7;
  --color-sidebar-title-btn-link-active:  #f7a600;
  --color-sidebar-title-btn-border:       #dfdfdf;

  --color-sidebar-link:                   #666;
  --color-sidebar-link-hover:             #f7a600;
  --color-sidebar-link-hover-border:      #cacbd8;

  --color-sidebar-active-bg:              #f7a600;
  --color-sidebar-active-border:          #f7a600;
  --color-sidebar-active-link:            #fff;

  
  
  /* *************************************
  
  Schaltflächen / Buttons */

  --color-btn-default:                    #f7a600;
  --color-btn-default-hover:              #f7a600;
  --color-btn-default-text:               #fff;

  --color-btn-secondary:                  #f7a600;
  --color-btn-secondary-hover:            #f7a600;
  --color-btn-secondary-text:             #fff;

  --color-btn-positive:                   #f7a600;
  --color-btn-positive-hover:             #f7a600;
  --color-btn-positive-text:              #fff;

  --color-btn-negative:                   #D32F2F;
  --color-btn-negative-hover:             #ab2424;
  --color-btn-negative-text:              #fff;

  --color-btn-light-bg:                   #fff;
  --color-btn-light-border:               #cacbd8;
  --color-btn-light-text:                 #f7a600;
  --color-btn-light-text-hover:           #fff;
  --color-btn-light-hover:                #f7a600;
  
  --color-button-ghost:                   #f7a600;



  /* *************************************
  
  Seitenmenü / Navigation */

  --color-menu-trigger:                   #fff;
  --color-menu-trigger-active:            #fff;
  --color-menu-trigger-bg:                #f7a600;
  --color-menu-trigger-bg-active:         #f7a600;

  --color-nav-bg:                         #f7a600;
  --color-nav-item-bg:                    #f7a600;
  --color-nav-text:                       #d9d9d9;
  --color-nav-delimiter:                  #f7a600;
  --color-nav-text-hover:                 #fff;
  --color-nav-bg-hover:                   #FF6600;
  --color-nav-bg-active:                  #f7f7f7;
  --color-nav-text-active:                #f7a600;



  /* *************************************
  
  Benutzermenü */

  --color-user-menu-bg:                   #fff;
  --color-user-menu-border:               #cacbd8;
  --color-user-menu-delimiter:            #dfdfdf;
  --color-user-menu-item-link:            #f7a600;
  --color-user-menu-item-link-hover:      #f7a600;
  --color-user-menu-item-link-hover-bg:   #f7f7f7;



  /* *************************************
  
  Box-Ínhalt */

  --color-box-bg:                         #FFFFFF;
  --color-box-footer-bg:                  #949494;
  --color-box-title:                      #f7a600;
  --color-box-title-hover:                #f7a600;
  --color-box-footer-link:                #FFFFFF;
  --color-box-expandable-bg:              #ebebeb;



  /* *************************************
  
  Formular-Elemente */

  --color-form-primary:                   #f7a600;
  --color-form-secondary:                 #f7a600;
  --color-form-success:                   #f7a600;
  --color-form-error:                     #D32F2F;
  --color-form-input-bg:                  #fff;
  --color-form-input-special-bg:          #fffed0;
  --color-form-input-text:                #222;
  --color-form-input-bg-disabled:         #f7f7f7;
  --color-form-input-text-disabled:       #999;
  --color-form-input-bg-readonly:         #ebebeb;
  --color-form-input-text-readonly:       #222;
  --color-form-border:                    #adaec2;
  --color-form-border-focus:              #8f91ad;
  --color-form-border-readonly:           #fff;
  --color-form-label:                     #222;
  --color-form-label-hint:                #999;
  --color-form-input-glow:                #ff944d;
  --color-form-placeholder:               #999;
  --color-form-select-button-text:        #222;
  --color-form-select-button-bg:          #f7f7f7;
  --color-form-select-title:              #f7a600;
  --color-form-select-text:               #222;
  --color-form-toggle-active:             #fff;
  --color-form-toggle-bg-active:          #f7a600;
  --color-form-toggle-border-active:      #f7a600;
  --color-form-toggle-border-hover:       #f7a600;
  --color-form-toggle-border:             #f7a600;
  --color-form-toggle-bg:                 #f7a600;
  --color-form-toggle-checked:            #f7a600;
  --color-form-toggle-unchecked:          #D32F2F;
  --color-form-toggle-not-set:            #999;
  --color-checkbox-intermediate:          #f7a600;



  /* *************************************
  
  Fenster (Modal, Lightbox & PopUp)  */

  --color-modal-bg:                       #fff;
  --color-modal-header-bg:                #f7a600;
  --color-modal-title:                    #fff;
  --color-modal-text:                     #222;
  --color-modal-footer-bg:                #f7f7f7;
  --color-modal-close-bg:                 #f7a600;
  --color-modal-close-bg-hover:           #1a2363;
  --color-modal-close-text:               #fff;

  --color-lightbox-bg:                    #fff;
  --color-lightbox-close-bg:              transparent;
  --color-lightbox-close-bg-hover:        #1a2363;
  --color-lightbox-close-text:            #222;
  --color-lightbox-close-text-hover:      #fff;



  /* *************************************
  
  Objekt-Editor */

  --color-object-editor-bg:               #ebebeb;
  --color-object-editor-header:           #656d77;
  --color-object-editor-header-dark:      #596069;
  --color-object-editor-header-dark-10:   #4e545b;



  /* *************************************
  
  Reiter */

  --color-tabs-border:                    #dfdfdf;
  --color-tabs-link:                      #666;
  --color-tabs-link-hover:                #222;
  --color-tabs-link-active:               #222;
  --color-tabs-indicator:                 #f7a600;



  /* *************************************
  
  Status-Farben */

  --color-positive:                       #f7a600;
  --color-negative:                       #D32F2F;
  --color-info:                           #f7a600;
  --color-warning:                        #FFA500;
  --color-mandatory:                      #D32F2F;

  --color-positive-bg:                    #c7e7c8;
  --color-negative-bg:                    #f2c2c2;
  --color-info-bg:                        #c4d8e8;
  --color-warning-bg:                     #ffe4b3;
  --color-mandatory-bg:                   #f2c2c2;

  --color-positive-border:                #449d48;
  --color-negative-border:                #c02929;
  --color-info-border:                    #3f75a2;
  --color-warning-border:                 #e69500;
  --color-mandatory-border:               #c02929;



  /* *************************************
  
  Funktions-Schaltflächen */

  --color-gf-link:                        #666;
  --color-gf-bg:                          #fff;
  --color-gf-border:                      #dfdfdf;
  --color-gf-link-hover:                  #fff;
  --color-gf-bg-hover:                    #f7a600;
  --color-gf-border-hover:                #f7a600;
  --color-gf-link-active:                 #fff;
  --color-gf-bg-active:                   #f7a600;
  --color-gf-border-active:               #f7a600;
  --color-gf-link-disabled:               gray;
  --color-gf-bg-disabled:                 #fff;
  --color-gf-border-disabled:             #e7e7e7;



  /* *************************************
  
  Schrittanzeige */

  --color-pb-default-bg:                  #fff;
  --color-pb-default-text:                #999;
  --color-pb-default-label:               #999;
  --color-pb-finish-bg:                   #f7a600;
  --color-pb-finish-text:                 #fff;
  --color-pb-finish-label:                #666;
  --color-pb-active-bg:                   #f7a600;
  --color-pb-active-text:                 #fff;
  --color-pb-active-label:                #222;
  --color-pb-border:                      #cacbd8;


  /* *************************************
  
  Tabellen */

  --color-table-header:                   #f7a600;
  --color-table-header-text:              #fff;
  --color-table-row-background:           #fff;
  --color-table-row-text:                 #222;
  --color-table-highlight:                #f7f7f7;
  --color-table-highlight-text:           #000;
  --color-table-highlight-bg-dark:        #000;
  --color-table-selected:                 #fff0e5;
  --color-table-selected-text:            #000;
  --color-table-row-background-1:         #ebebeb;
  --color-table-row-background-2:         #fafafa;
  --color-table-row-background-3:         #f7f7f7;
  --color-table-row-background-4:         whitesmoke;
  --color-table-row-background-5:         #f2f2f2;
  --color-table-row-background-6:         #f0f0f0;
  --color-table-row-background-7:         #ededed;
  --color-table-row-background-8:         #ebebeb;
  --color-table-selected-1:               #ffede0;
  --color-table-selected-2:               #ffeadb;
  --color-table-selected-3:               #ffe7d6;
  --color-table-selected-4:               #ffe4d1;
  --color-table-selected-5:               #ffe1cb;
  --color-table-selected-6:               #ffdec6;
  --color-table-selected-7:               #ffdbc1;
  --color-table-selected-8:               #ffd8bc;

  --color-arrow-step-gap:                 #ebebeb;
  --color-arrow-step-bg:                  #f7f7f7;
  --color-arrow-step-link:                #222;
  --color-arrow-step-text:                #666;
  --color-arrow-step-label:               #222;
  --color-arrow-step-active-bg:           #f7a600;



  /* *************************************
  
  Status-Farben für Aufgaben (TASK) */

  --color-status-angelegt:                #f9f9f9;
  --color-status-planung:                 #b13bf9;
  --color-status-freigegeben:             #e42700;
  --color-status-in-bearbeitung:          #0069ff;
  --color-status-unterbrochen:            #00bbc1;
  --color-status-durchgefuehrt:           #00c200;
  --color-status-zurueckgestellt:         #ee9800;
  --color-status-abgewiesen:              #000;
  --color-status-archiviert:              #8e8e8e;
  --color-status-entwurf:                 #ee9800;
  --color-status-beantragt:               #b13bf9;
  --color-status-rueckfrage:              #e42700;
  --color-status-abgeschlossen:           #00c200;

  --color-badge-bg:                       #D32F2F;
  --color-badge-text:                     #fff;

  --color-help-circle-bg:                 #fff;
  --color-help-circle-border:             #cacbd8;
  --color-help-circle-text:               #f7a600;
  --color-help-circle-bg-hover:           #f7a600;
  --color-help-circle-border-hover:       #f7a600;
  --color-help-circle-text-hover:         #fff;



  /* *************************************
  
  Datei(en) hochladen (DropZone) */

  --color-dz-preview-bg:                  #fff;
  --color-dz-preview-border:              #dfdfdf;
  --color-dz-progress-bar:                #f7a600;
  --color-dz-progress-bar-bg:             #f7f7f7;



  /* *************************************
  
  Tooltipp */

  --color-tt-bg:                          #fff0e5;
  --color-tt-text:                        #222;
  --color-tt-border:                      #cacbd8;



  /* *************************************
  
  Datumauswahl (DatePicker) */

  --color-dp-bg:                          #fff;
  --color-dp-border:                      #cacbd8;
  --color-dp-link:                        #f7a600;
  --color-dp-header-bg:                   #f7a600;
  --color-dp-ctrl-bg:                     #f7f7f7;
  --color-dp-month-nav-bg:                #fff;
  --color-dp-full-month-border:           #fff;
  --color-dp-circle-btn-bg:               #f7a600;
  --color-dp-circle-btn-text:             #fff;
  --color-dp-circle-btn-border:           #f7a600;
  --color-dp-circle-btn-bg-hover:         #fff;
  --color-dp-circle-btn-text-hover:       #f7a600;
  --color-dp-circle-btn-border-hover:     #fff;
  --color-dp-select-bg:                   #fff;
  --color-dp-select-text:                 #666;
  --color-dp-select-border:               #f7a600;
  --color-dp-month-header-border:         #dfdfdf;
  --color-dp-month-header-bg:             #f7f7f7;
  --color-dp-month-header-text:           #999;
  --color-dp-other-month-bg:              transparent;
  --color-dp-other-month-text:            #b3b3b3;
  --color-dp-month-bg:                    #fff;
  --color-dp-month-border:                #dfdfdf;
  --color-dp-month-link-bg:               #fff;
  --color-dp-month-link-text:             #f7a600;
  --color-dp-month-link-border:           #cacbd8;
  --color-dp-month-today-link-bg:         transparent;
  --color-dp-month-today-link-text:       #f7a600;
  --color-dp-month-today-link-border:     #cacbd8;
  --color-dp-month-highlight-link-bg:     #f7a600;
  --color-dp-month-highlight-link-text:   #fff;
  --color-dp-month-weekend-link-bg:       #f7f7f7;
  --color-dp-month-weekend-link-text:     #f7a600;
  --color-dp-month-selected-link-bg:      #f7a600;
  --color-dp-month-selected-link-text:    #fff;



  /* *************************************
  
  Zum Seitenanfang */

  --color-top-jump-bg:                    rgba(245, 245, 245, 0.5);
  --color-top-jump-text:                  #cacbd8;
  --color-top-jump-border:                #cacbd8;
  --color-top-jump-circle:                #dfdfdf;
  --color-top-jump-bg-hover:              #f7a600;
  --color-top-jump-text-hover:            #fff;
  --color-top-jump-border-hover:          #f7a600;
  --color-top-jump-circle-hover:          #f7a600;



  /* *************************************
  
  Klappboxen */

  --color-toggle-box-bg:                  #f7a600;
  --color-toggle-box-text:                #fff;



  /* *************************************
  
  Aufgaben (TASK) */

  --color-task-list-bg:                   #fff;
  --color-task-item-bg:                   #fff;
  --color-task-item-bg-hover:             #fff0e5;
  --color-task-item-text:                 #666;
  --color-task-item-text-hover:           #222;
  --color-task-special-link:              #01a9e3;

  --color-task-category-1:                #d61212;
  --color-task-category-2:                #f7a600;
  --color-task-category-3:                #008be4;
  --color-task-category-4:                #06b025;

  --color-check-init:                     #434a54;
  --color-check-init-bg:                  #dbdbdb;
  --color-check-init-bg-active:           #f4f4f4;

  --color-check-none:                     #434a54;
  --color-check-none-bg:                  #adadad;
  --color-check-none-bg-active:           #c7c7c7;

  --color-check-success:                  #129a00;
  --color-check-success-bg:               #afffa2;
  --color-check-success-bg-active:        #dbffd5;

  --color-check-warn:                     #867500;
  --color-check-warn-bg:                  #fdff6b;
  --color-check-warn-bg-active:           #feff9e;

  --color-check-error:                    #c90000;
  --color-check-error-bg:                 #ffbdbd;
  --color-check-error-bg-active:          #fff0f0;



  /* *************************************
  
  Slider Element */

  --color-range-track:                    #656d77;
  --color-range-thumb:                    #f7a600;
  --color-thumb-shadow:                   #dfdfdf;
  --color-thumb-border:                   #fff;
  --color-track-shadow:                   #222;
  --color-track-border:                   #656d77;



  /* *************************************
  
  Nachrichten (MESSAGE) */

  --color-bubble-bg:                      #fff8f1;
  --color-bubble-media-bg:                #fff0e5;



  /* *************************************
  
  Weitere Farben */

  --color-overlay:                        rgba(0, 0, 0, 0.25);
  --color-map-topic-header:               #656d77;
  --color-expandable-header-bg-hover:     #fff;
  --color-complementary:                  #fff;
  --color-full-width-container:           #ebebeb;
  --color-full-width-container-border:    #dfdfdf;

}