:root{
/* FARBEN */
    --primary-color: #1e5078; /*primäre Hintergrundfarbe für Buttons usw. */
    --secondary-color: #1e5078; /*rgba(0,56,101,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */
	  --accent-color: #1e5078; /*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: 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: transparent; /*Farbe Border von Buttons Focus*/

    --accordion-closed-color: #1e5078; /*Farbe Hintergrund Header Accordions geschlossen*/

    --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: #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. */

/*FONT */
    --font:  'Noto Sans', sans-serif; /*Font*/

/*BORDER-RADIUS*/
    --border-radius: 0px; /*Rundungen*/

/*DEFINIERBARE ROOT-VARIABLEN */

    /*Allgemeines*/
    --links: var(--primary-color); /*Farbe von Links, z.B. Hilfe, Impressum...*/
    --links-focus: var(--secondary-color); /*Farbe von Links bei Focus*/
    --links-hover: var(--secondary-color); /*Farbe von Links bei Hover*/
    --links-hover-focus: var(--links-hover); /*Farbe von Links bei Hover und Focus*/

    --main-background: #eee; /*allgemeine Hindergrundfarbe (body)*/
    --mdt-content-border: rgba(0,0,0,.1); /*Border um den mdt-content */

    --step-accent-color: var(--accent-color); /*Anzeige 1,2,3...5: Umrandung und Pfeil darunter */
    --step-horizontal-line-color: var(--accent-color); /*#e0e0e0;*/ /* Strich unter den Ringen */

    --font-colored: var(--primary-color); /* farbige Schrift, z.B. beim Popup mit erforderlichen Unterlagen*/

    /*Navigationsleiste*/
    --navigation-front-color: var(--main-background); /*Vordergrundfarbe Einstellungsmenü*/
    --navigation-bottom-border: #000; /*Border horizontal unterhalb des des Einstellungsmenü mit Kontrastbutton etc*/
    --navigation-vertical-border-color: transparent; /*vertikale Trennlinie der Einstellungsmenü-Elemente*/
    --navigation-button-color-hover: rgb(25,25,25); /*Farbe der Elemente des Einstellungsmenüs beim Hover */
    --navigation-button-color-focus: rgb(25,25,25); /*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*/


    /*BUTTONS*/
    --button-color: var(--primary-color); /*Buttons: Hintergrundfarbe*/
    --button-font-color-disabled: #666; /*Buttons: disabled - Schriftfarbe*/
    --plusminus-button-font-color: rgb(25,25,25); /*Plus und Minus-Button: Schriftfarbe des + und -*/
    --plusminus-button-color: var(--primary-color); /*Plus und Minus-Button: Hintergrundfarbe*/
    --button-color-focus:var(--secondary-color); /*Buttons: Hintergrundfarbe bei Focus*/
    --button-color-hover:var(--secondary-color); /*Buttons: Hintergrundfarbe bei Hover*/
    --button-color-hover-focus: var(--button-color-hover); /*Buttons: Hintergrundfarbei bei Hover und Focus*/
    --button-color-focus-disabled: rgb(25,25,25); /*Buttons: Hintergrundfarbe Disabled bei Focus*/
    --button-color-hover-disabled: rgb(25,25,25); /*Buttons: Hintergrundfarbe Disabled bei Hover*/
    --button-color-hover-focus-disabled: var(--button-color-hover-disabled); /*Buttons: Hintergrundfarbe disabeld bei HOver und Focus*/
    --button-border-radius-left-top: var(--border-radius); /*Buttons: Border-Radius*/
    --button-border-radius-left-bottom: var(--border-radius);
    --button-border-radius-right-top: var(--border-radius);
    --button-border-radius-right-bottom: var(--border-radius);

    /*Accordions: ausklappbare Elemente wie Infobox, Anliegen-Gruppen, Vorschlagscheite: Filter, Terminvorschläge*/
    --accordion-header-color-open: #1e5078; /*Accordion geöffnet: Hintergrundfarbe des Headers*/
    --accordion-header-font-color-open: white; /*Accordion geöffnet: Schriftfarbe Header*/
    --accordion-header-border-color-open: #1e5078;/*Accordion offen: Border-Farbe Header*/

    --accordion-header-color-open-hover:#1e5078; /* Accordion geöffnet: Hintergrundfarbe des Headers bei Hover */
    --accordion-header-font-color-open-hover: white; /* Accordion offen: Schriftfarbe des Headers bei Hover*/
    --accordion-header-border-color-open-hover: #1e5078; /*Accordion geöffnet: Borderfarbe des Headers bei Hover */

    --accordion-header-color-open-focus: #1e5078; /* Accordion geöffnet: Hintergrundfarbe des Headers bei Focus */
    --accordion-header-font-color-open-focus: white; /* Accordion offen: Schriftfarbe des Headers bei Focus*/
    --accordion-header-border-color-open-focus: #1e5078; /*Accordion geöffnet: Borderfarbe des Headers bei Focus */

    --accordion-header-color-open-hover-focus: #1e5078; /* Accordion geöffnet: Hintergrundfarbe des Headers bei Hover und Focus */
    --accordion-header-font-color-open-hover-focus: white; /* Accordion offen: Schriftfarbe des Headers bei Hover und Focus*/
    --accordion-header-border-color-open-hover-focus: #1e5078; /*Accordion geöffnet: Borderfarbe des Headers bei Hover und Focus*/

    --accordion-header-color-closed: #1e5078;/* Accordion geschlossen: Hintergrundfarbe des Headers*/
    --accordion-header-border-color-closed: #1e5078; /*Accordion geschlossen: Border-Farbe Header*/
    --accordion-header-font-color-closed: white;/*Accordion geschlossen: Schriftfarbe Header*/

    --accordion-header-color-closed-hover: #1e5078; /* Accordion geschlossen: Hintergrundfarbe des Headers bei Hover */
    --accordion-header-border-color-closed-hover: #1e5078; /* Accordion geschlossen: Borderfarbe des Headers bei Hover */
    --accordion-header-font-color-closed-hover: white; /*Accordion geschlossen: Schriftfarbe des Headers bei Hover*/

    --accordion-header-color-closed-focus: #1e5078; /* Accordion geschlossen: Hintergrundfarbe des Headers bei Focus */
    --accordion-header-border-color-closed-focus: #1e5078; /*var(--primary-color);/* Accordion geschlossen: Borderfarbe des Headers bei Focus */
    --accordion-header-font-color-closed-focus: white; /*Accordion geschlossen: Schriftfarbe des Headers bei Focus*/

    --accordion-header-color-closed-hover-focus: #1e5078; /* Accordion geschlossen: Hintergrundfarbe des Headers bei Focus und Hover */
    --accordion-header-border-color-closed-hover-focus: #1e5078; /*var(--primary-color);/* Accordion geschlossen: Borderfarbe des Headers bei Focus und Hover*/
    --accordion-header-font-color-closed-hover-focus: white; /*Accordion geschlossen: Schriftfarbe des Headers bei Focus und Hover*/

    --accordion-border-radius-left-top: var(--border-radius); /*Accordion: Border-Radius*/
    --accordion-border-radius-left-bottom: var(--border-radius);
    --accordion-border-radius-right-top: var(--border-radius);
    --accordion-border-radius-right-bottom: var(--border-radius);

    /*CHECKBOXEN: Haken, z.B. Mitbringliste, Datenschutz-Erklärungsbox usw.*/
    /*--checkbox-background-color-checked:#34e897; /*Checkboxen: Hintergrundfarbe bei aktivierten Checkboxen*/
    --checkbox-border-color-hover: rgb(25,25,25);/*var(--input-border-color-hover); /*Checkboxen: Border-Farbe Hover */
    --checkbox-border-color-focus: var(--input-border-color-focus); /*Checkboxen: Border-Farbe Focus*/
    --checkbox-border-color-hover-focus: var(--checkbox-border-color-hover); /*Checkboxen: Border-Farbe Focus und Hover*/

    --checkbox-border-radius-left-top: var(--border-radius); /*Checkboxen: Border-Radius*/
    --checkbox-border-radius-right-top: var(--border-radius);
    --checkbox-rorder-radius-right-bottom: var(--border-radius);
    --checkbox-border-radius-left-bottom: var(--border-radius);

    /*SELECT-BOXEN / Drop-Down: Auswahlboxen: z.B. Standortwahl, */
    --selectbox-selected-background: var(--primary-color); /*SelectBoxen: Hintergrund des ausgewählten Elements*/
    --selectbox-selected-font-color: var(--button-font-color);/*SelectBoxen: Schriftfarbe des ausgewählten Elements*/
    --selectbox-selected-border-color: transparent; /*SelectBoxen: Border um das ausgewählte Element*/
    --selectbox-border-color: var(--input-border-color); /*SelectBoxen: Border-Farbe*/
    --selectbox-border-color-hover: rgba(61,61,61,0.2);/*var(--input-border-color-hover); /*SelectBoxen: Border-Farbe bei Hover*/
    --selectbox-border-color-focus: rgb(25,25,25);/*var(--input-border-color-focus); /*SelectBoxen: Border-Farbe bei Focus */
    --selectbox-border-color-hover-focus: var(--selectbox-border-color-hover); /*SelectBoxen: Border-Farbe bei Focus und  hover */
    --selectbox-border-radius-left-top: var(--border-radius);/*SelectBoxen: Border-Radius*/
    --selectbox-border-radius-right-top: var(--border-radius);
    --selectbox-border-radius-right-bottom: var(--border-radius);
    --selectbox-border-radius-left-bottom: var(--border-radius);

    /*KARTE*/
    --locationmap-border-radius: var(--border-radius); /*Karte: Border-Radius*/

    /*INPUT-FELDER*/
    --input-border-radius-left-top: var(--border-radius); /*input-Felder: Border-Radius*/
    --input-border-radius-left-bottom: var(--border-radius);
    --input-border-radius-right-top: var(--border-radius);
    --input-border-radius-right-bottom: var(--border-radius);

    /* Farbe der Hintergrundbilder der Buttons: Zurück-Pfeil, Weiter-Pfeil, OK-Haken, Abbrechen-Kreuz */
    --button-image-pfeil-rechts: url(../images/navigate_right.svg); /* weiß: url(../images/navigate_right.svg); schwarz: url(../images/navigate_right_black.svg);*/
    --button-image-pfeil-links: url(../images/navigate_left.svg); /* weiß: url(../images/navigate_left.svg); schwarz: url(../images/navigate_left_black.svg);*/
    --button-image-abort: url(../images/cross_white.svg); /* weiß: url(../images/cross_white.svg); schwarz: url(../images/cross.svg) */
    --button-image-ok: url(../images/check_white.svg); /*weiß: url(../images/check_white.svg); schwarz: url(../images/check_black.svg) */
}

#banner {
	height:180px;
	background:url(../images/PF_lang_sw-01.svg) center no-repeat;
	background-size: 380px;
	background-position:center bottom;
	margin-top:-40px;
	padding-top:30px;
}

p#bannertext {
    text-align:center;
    font-weight: 550;
    font-size: 21px;
	font-family: tahoma;
    padding-top: 45px;
    color: #1d1d1b;
    text-decoration: underline;
	margin-top: 0px;
}

.disclosure-nav {
    background-color: rgba(0, 0, 0, 0);  
}
nav.mainheader {
    border-bottom: 0px;
}

.content--mdt {
    margin: 55px auto 20px;
}

body, html {
background-color: #fff;
} 

/* Anliegen blau*/
/*
#concerns_accordion-7, #labelAnliegen-33, #button-minus-33, #button-plus-33, #labelAnliegen-243, #button-minus-243, #button-plus-243, #labelAnliegen-39, #button-plus-39, #button-minus-39 {
background-color: #538BD4;
color: white
}*/

/* Anliegen magenta*/
/*
#concerns_accordion-2245, #labelAnliegen-359, #button-minus-359, #button-plus-359 {
background-color: #ff00ff;
color: white
}
*/
/* Anliegen orange*/
/*
#concerns_accordion-3157, #labelAnliegen-373, #button-plus-373, #button-minus-373 {
background-color: #e3860e;
color: white
}
*/
/* Anliegen grün*/
/*
#concerns_accordion-327, #labelAnliegen-365, #button-plus-365, #button-minus-365, #labelAnliegen-355, #button-plus-355, #button-minus-355 {
background-color: #639739;
color: white
}
*/
/* Anliegen grün*/
/*
#concerns_accordion-9, #labelAnliegen-131, #button-plus-131, #button-minus-131, #labelAnliegen-199, #button-plus-199, #button-minus-199, #labelAnliegen-233, #button-plus-233, #button-minus-233, #labelAnliegen-235, #button-plus-235, #button-minus-235, #labelAnliegen-209, #button-plus-209, #button-minus-209, #labelAnliegen-207, #button-plus-207, #button-minus-207 {
background-color: #639739;
color: white
}/*

/* Anliegen rosa*/
/*
#concerns_accordion-417, #labelAnliegen-169, #button-plus-169, #button-minus-169, #labelAnliegen-205, #button-plus-205, #button-minus-205 {
background-color: #B66582;
color: white
}
*/
/*
.ui-accordion-header:hover:not(.ui-state-active) {
    background-color: var(--accordion-header-color-closed-hover) !important;
    border-color: var(--accordion-header-border-color-closed-hover) !important;
    color: white !important;
    letter-spacing: 0.03em;
}

.ui-accordion-header.ui-state-default:not(.ui-state-active) {
    background-color: var(--accordion-header-color-closed) !important;
    border-color: var(--accordion-header-border-color-closed) !important;
    color: white !important;
    letter-spacing: 0.03em;
}
*/
#buttonfunktionseinheit-2 {
  display: none;
}