:root {
/* FARBEN */
    --primary-color: #AD0C00; /*primäre Hintergrundfarbe für Buttons usw. */
    --primary-color-rgb: 173,12,0; /*primäre Hintergrundfarbe für Buttons usw. */
    --secondary-color: rgba(173,12,0,0.9);/*rgba(173,12,0,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */
    --accent-color: var(--primary-color); /*Farbe für Kreis, Dreieck und Linie bei der Schrittanzeige */

    /*--border-color-focus: yellow; /* Farbe für Border bei Focus*/
    --border-color-focus: #EFB144; /* 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: white; /* 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: var(--border-color-focus); /*Farbe Border von Buttons Focus*/

    --accordion-closed-color: rgba(61,61,61,0.2); /*Farbe Hintergrund Header Accordions geschlossen*/

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

    --i-border-color-focus: var(--border-color-focus); /*Border von tooltips bei focus*/
    --i-border-color-hover: var(--border-color-hover); /*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: #e0e0e0;
    --color-active-info-circle: var(--step-accent-color);
    --color-disabled-info-circle:#e0e0e0;
/* 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. */
}

#banner {
        width: 100%;
        height: 30%;
	min-height: 173px;
	max-height: 194px;
	margin-top: 2%;
	margin-bottom: 1%;
        background:url(../images/niederkassel_logo.png);
	background-position: center;
	background-repeat: no-repeat;
        background-size: contain;
}

/* Cookie-OK Button, Tagauswahl im Kalender */
        .ui-menu-item >.ui-state-active, a.ui-state-default.ui-state-active {
                background-color: var(--main-primary-color);
                border-color: var(--main-primary-color);
                color: var(--main-font-color);
        }

        .ui-state-hover {
                background-color: var(--button-light-color);
        }

/* Kontrast-Schalter */
        a.schalter_ein {
                background-color: inherit;
                color: inherit;
        }

        .kontrast a.schalter_ein:hover {
                background-color: inherit;
                color: inherit;
        }

/* Content-Box */
        .content {
                /*box-shadow: 1; /*entfernt die Umrandung*/
                margin: 35px auto 50px;

                background-color: white;


        }

/* WEITER-Button */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white !important;
}