#locbutton {
	float: none;
	width: 700px;
}

:root {
/* FARBEN */
    --main-background: #f7f7f7; /*allgemeine Hintergrundfarbe*/
    --primary-color: #165575;/*primäre Hintergrundfarbe für Buttons usw. */
    --secondary-color: #8db4c8;/*rgba(0,56,101,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */
    --accent-color: #165575; /*Farbe für Kreis, Dreieck und Linie bei der Schrittanzeige */

    --border-color-focus: transparent; /* Farbe für Border bei Focus*/
    --border-color-hover: var(--primary-color); /*Farbe für Border bei Hover */
    --border-color-hover-focus: var(--border-color-hover); /*Farbe für Border bei Focus und Hover*/

    --button-font-color: white; /* primäre Schriftfarbe Buttons*/
    --button-border-color: transparent; /*primäre Farbe Border von Buttons*/

    --button-font-color-hover: black; /* Schriftfarbe Buttons bei Hover (= wenn man mit der Maus über das Element fährt)*/
    --button-font-color-hover-focus: var(--button-font-color-hover); /* Schriftfarbe Buttons bei Hover (= wenn man mit der Maus über das Element fährt) und Focus*/
    --button-border-color-hover: transparent; /*Farbe Border von Buttons Hover*/
    --button-border-color-focus: transparent;
    --button-border-color-hover-focus: var(--button-border-color-hover);

    --button-font-color-focus: white; /*Schriftfarbe Buttons bei Focus (= wenn die Tastatur auf diesem Bedienelement liegt)*/
    --button-border-color-focus: transparent; /*Farbe Border von Buttons Focus*/

    --accordion-closed-color: #165575; /*Farbe Hintergrund Header Accordions geschlossen*/
    --accordion-header-color-closed-hover: #8db4c8;
    --accordion-header-border-color-closed-hover: #8db4c8; /* Accordion geschlossen: Borderfarbe des Headers bei Hover */
    --accordion-header-font-color-closed: white; /*Accordion geschlossen: Schriftfarbe Header*/
    --accordion-header-font-color-closed-hover: black; /*Accordion geschlossen: Schriftfarbe Header hover*/ 
    --accordion-header-font-color-closed-focus: white; /*Accordion geschlossen: Schriftfarbe des Headers bei Focus*/
    --accordion-header-color-open-focus: #165575; /* Accordion geöffnet: Hintergrundfarbe des Headers bei Focus */
    --accordion-header-font-color-open-hover: black; /* Accordion offen: Schriftfarbe des Headers bei Hover*/
    --accordion-header-color-open-hover-focus: #8db4c8; /* Accordion geöffnet: Hintergrundfarbe des Headers bei Hover und Focus */

    --input-border-color: rgba(61,61,61,0.2); /*Border von Eingabeelementen */
    --input-border-color-hover: rgba(61,61,61,0.2);/*rgb(25,25,25); /*Border, der erscheint, wenn man mit der Maus über das Eingabeelement fährt*/
    --input-border-color-focus: rgb(25,25,25); /*Border, der erscheint, wenn das Element den Tastaturfokus hat (Eingabe per Tastatur)*/
    --input-border-color-hover-focus: var(--input-border-color-focus);

    --i-border-color-focus: rgb(25,25,25); /*Border von tooltips bei focus*/
    --i-border-color-hover: rgb(25,25,25); /*Border von Tooltips bei Hover*/
    --i-border-color-hover-focus: var(--i-border-color-hover); /*Border von Tooltips bei Hover und Focus*/

    --datepicker-border-hover: rgb(25,25,25); /*Datepicker-Button: Border bei Hover*/
    --datepicker-border-focus: rgb(25,25,25); /*Datepicker-Button: Border bei Focus*/
    --datepicker-border-hover-focus: var(--datepicker-border-hover); /*Datepicker-Button: Border bei Hover und Focus*/

    --color-focus-visible: transparent; /*farbe für den visible-focus*/

    --color-done-info-circle: #cbcbcb;
    --color-active-info-circle: var(--step-accent-color);
    --color-disabled-info-circle:#cbcbcb;

/*Navigationsleiste*/
    --navigation-front-color: var(--primary-color); /*Vordergrundfarbe Einstellungsmenü*/
    --navigation-bottom-border: var(--primary-color); /*Border horizontal unterhalb des des Einstellungsmenü mit Kontrastbutton etc*/
    --navigation-vertical-border-color: transparent; /*vertikale Trennlinie der Einstellungsmenü-Elemente*/
    --navigation-button-color-hover: var(--primary-color); /*Farbe der Elemente des Einstellungsmenüs beim Hover */
    --navigation-button-color-focus: var(--primary-color); /*Farbe der Elemente des Einstellungsmenüs beim Focus */
    --navigation-button-color-hover-focus: var(--navigation-button-color-hover); /*Farbe der Elemente des Einstellungsmenüs beim Focus und Hover*/


/* für alle möglichen Sachen kann man die Farben auch einzeln festlegen, dieses kann man über die entsprechenden
    root-Variablen im unteren Teil machen. */
}