:root.florian {
    /* Base colors */
    --text-color: hsl(0, 0%, 0%);;  /*all text eg. active layers, description etc,  search bar */ 
    --text-color-link: #006f93; /*link items eg. Nutzungsbedingungen */
    --text-color-disabled: #999; /*all disabled items eg layers not visible*/
    --container-bg-color: #ffffffd5; /*background color of layers and legend container right */
    --input-bg-color: #ffffffd5; /*search field, coordinates etc.*/
    --input-bg-color-disabled: #eee; /*search field background color when disabled*/
    --border-color: #bbb; /*line color of frame of search field*/
    --color-active: #016f93;
    --focus-outline: 2.5px solid #016f93; /*when entering info into search field a frame will appear - > its color is defined here*/
    /* Tooltips - currently unclar*/
    --tooltip-bg-color: rgba(0, 0, 0, 0.75);
    --tooltip-text-color: white;
    --tooltip-border-color: black;
    /* Map buttons - buttons on the right */
    --map-button-bg-color: #016f93bd;
    --map-button-text-color: white;
    --map-button-hover-bg-color: #f2f2f2;
    --map-button-hover-text-color: #595959;
    --map-button-active-bg-color: #f2f2f2;
    --map-button-active-text-color: #595959;
    /* Panels (topbar and bottom bar) */
    --panel-bg-color: rgba(255, 255, 255, 0.25); /*bottom and top bar with their color and transparency */
    --panel-text-color: #595959; /*icons and text color*/
    /* Titlebars */
    --titlebar-bg-color: #006f93b0; /*headlines in the context menu like themen, ebenen etc. */
    --titlebar-text-color: white;
    /* Button - all buttons user can interact */
    --button-bg-color: #4d99b1;
    --button-bg-color-hover: #ffffff;
    --button-bg-color-active: #078aa3;
    --button-bg-color-active-hover: #06798d;
    --button-bg-color-disabled: #e9e9e9;
    --button-text-color: #ffffff;
    --button-text-color-hover: #595959;
    --button-text-color-active: white;
    --button-text-color-active-hover: white;
    --button-text-color-disabled: #bbb;
    /* List - means all results from the search */
    --list-bg-color: #ffffffba;
    --list-section-bg-color: #4d99b1;
    --list-section-text-color: #ffffff;
    --list-item-bg-color-even: #f0f0f0;
    --list-item-bg-color-hover: #dcdcdc;
    --list-item-bg-color-active: #078aa3;
    --list-item-bg-color-active-hover: #06798d;
    --list-item-text-color-hover: #06798d; /*when hovering over the results, which color does the text have*/
    --list-item-text-color-active: white;
    --list-item-text-color-active-hover: white;
    /* App menu */
    --app-menu-bg-color: #ffffffd5;  /*background color of the right menu*/
    --app-menu-text-color: #595959; /*text color for the right menu*/
    --app-menu-bg-color-hover: #006f93b0; /*color of the itmes when to hover the items*/
    --app-menu-text-color-hover: white; /*color of text when to hover*/
    --app-submenu-bg-color: #ffffffd5;
    --app-submenu-text-color: #595959;
    --app-submenu-bg-color-hover: #006f93b0; /*Karten & Werkzeuge color when active*/
    --app-submenu-text-color-hover: rgb(255, 255, 255); /*Text color of karten & werkzeuge*/

}