/*.activeButton:not([disabled]) {
	color: var(--gaia-active-color)!important;
	background-color: var(--gaia-active-background-color)!important;
	border-color: var(--gaia-active-border-color)!important;
	border-width: var(--gaia-active-border-width)!important;
	border-style: var(--gaia-sidebar-btns-border-style)!important;
}*/

#gaiaCopyrightListSwitcher.activeButton {
	border-width: 0 1px 1px 0!important;
}

/*.activeButton {
	color: var(--gaia-background-color)!important;
	background-color: var(--gaia-font-color)!important;
	border-color: var(--gaia-background-color)!important;
}*/

/* Die Methode "getComputedStyle" zum Zugriff auf globale css-Variablen liefert
   den Wert in der originalen Einheit und nicht wie sonst umgerechnet in Pixel.
   Beispiel: window.getComputedStyle(
        document.documentElement, ":root").getPropertyValue("--gaia-sidebar-margin"
    )
   Wird auf ein Objekt mit obiger Methode und nachfolgender Klasse zugegriffen,
   werden die Werte in Pixel zurück geliefert.
      Beispiel: window.getComputedStyle(
        document.documentElement, ".changeGlobalToPixel").getPropertyValue("margin")

   @see gaia.dlg.getGlobalCSSPropertyValue(...) Abgleichen !!!
 */
.changeGlobalToPixel {
	font-size: var(--gaia-sidebar-font-size);
	padding: var(--gaia-sidebar-btns-margin);
	border-width: var(--gaia-sidebar-btns-border-width);
	border-radius: var(--gaia-sidebar-btns-border-radius);
	width: var(--gaia-sidebar-btn-width);
	height: var(--gaia-sidebar-btn-height);
	margin: var(--gaia-sidebar-margin);
}

.clearLeft
{
	clear: left;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 0;
	border: none;
}

/******************************************************************************/
/*                          Optionen generell                                 */
/******************************************************************************/

#gaia-sidebar_ne {
	z-index:51002;
}
#gaia-sidebar_se {
	z-index:51003;
}

.gaia-sidebar .icon-sym,
div.icon-sym
{
	display: flex;
	cursor: pointer;
	height: inherit;
}

/*
   Option besteht aus einem Symbol und einem Label.
   Realisiert mittels der Psedoklassen ::before und ::after
*/

/**************            Symbol ::before                         ************/

/* - einer Menüoption einer Sidebar
   - eines einzelnen separaten Schaltknopfes z.B. #gaiaMsgListSwitcher
*/
.gaia-sidebar .sidebar a .icon-sym::before,
.gaia-sidebar .sidebar a:focus .icon-sym::before,
.gaia-sidebar .sidebar a.showButtonOpen .icon-sym::before,
div.icon-sym::before,
div:hover.icon-sym::before,
div:focus.icon-sym::before,
a:hover div.icon-sym::before,
a:focus div.icon-sym::before
{
	font-size: 1em; /* var(--gaia-sidebar-font-size);*/
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.gaia-sidebar .sidebar.__open a .icon-sym::before,
.gaia-sidebar .sidebar a:focus .icon-sym::before,
.gaia-sidebar .sidebar a.showButtonOpen .icon-sym::before,
div.icon-sym::before,
div:hover.icon-sym::before,
div:focus.icon-sym::before,
a:hover div.icon-sym::before,
a:focus div.icon-sym::before
{
	width: 15%;
}

/* touch */
@media (hover: none) {
	.gaia-sidebar .sidebar a:active .icon-sym::before {
		width: 15%;
	}
}

/* mouse not(.chat-button)  */
@media (hover: hover) and (pointer:fine) {
	.gaia-sidebar .sidebar a:hover .icon-sym::before {
		width: 15%!important;
	}
}

/* s.u. ::after mit display:none */
.gaia-sidebar .sidebar.__openOnlySymbol .icon-sym::before,
.gaia-sidebar .sidebar.__openOnlySymbol a:focus .icon-sym::before,
.gaia-sidebar .sidebar.__collapsed .icon-sym::before,
.gaia-sidebar .sidebar.__collapsed a:focus .icon-sym::before,
div.icon-sym::before
{
	width:100%;
}

/**************              Label ::after                         ************/

/* - einer Menüoption einer Sidebar
   - eines einzelnen separaten Schaltknopfes z.B. #gaiaMsgListSwitcher
*/
.gaia-sidebar .icon-sym::after,
.gaia-sidebar .sidebar a:focus .icon-sym::after,
.gaia-sidebar .sidebar a.showButtonOpen .icon-sym::after,
div.icon-sym::after,
div:hover.icon-sym::after,
div:focus.icon-sym::after,
a:hover div.icon-sym::after,
a:focus div.icon-sym::after
{
	font-size: calc(var(--gaia-sidebar-font-size) - 4px);
	flex-direction: row;
	align-items: center;
	justify-content: left;
	white-space: pre;
}

.gaia-sidebar .icon-sym::after {
	display: flex;
}

.gaia-sidebar .sidebar a:focus .icon-sym::after,
.gaia-sidebar .sidebar a.showButtonOpen .icon-sym::after,
div.icon-sym::after,
div:hover.icon-sym::after,
div:focus.icon-sym::after,
a:hover div.icon-sym::after,
a:focus div.icon-sym::after
{
	display: flex;
}

/* touch */
@media (hover: none) {
	.gaia-sidebar .sidebar a:active .icon-sym::after {
		display: flex;
	}
}

/* mouse */
@media (hover: hover) and (pointer:fine) {
	.gaia-sidebar .sidebar a:hover .icon-sym::after {
		display: flex!important;
	}
}

/* s.o. ::before mit width:100% */
.gaia-sidebar .sidebar.__openOnlySymbol .icon-sym::after,
.gaia-sidebar .sidebar.__openOnlySymbol a:focus .icon-sym::after,
.gaia-sidebar .sidebar.__collapsed .icon-sym::after,
.gaia-sidebar .sidebar.__collapsed a:focus .icon-sym::after,
div.icon-sym::after
{
	display:none;
}


/**** Testen - Events hover, focus und active farblich sichtbar machen      ***/

/*.gaia-sidebar .sidebar a:hover .icon-sym {
	background-color: red!important;
}
.gaia-sidebar .sidebar a:focus .icon-sym {
	background-color: green!important;
}
.gaia-sidebar .sidebar a:active .icon-sym {
	background-color: blue!important;
}*/

/*************************************************/
/* Symbols Font Awesome menue functions:         */
/* - Menü anheften, verkleinern                  */
/* - Label ein- und ausblenden                   */
/*************************************************/

/* Menüoption */
.gaia-sidebar .icon-sym-awe_mnu {
	/*color: var(--gaia-sidebar-lead-btns-font-color);
	background-color: var(--gaia-sidebar-lead-btns-bg-color);*/
}

/* Symbol einer Menüoption */
.icon-sym-awe:before,
.gaia-sidebar .icon-sym-awe_mnu::before
{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.icon-sym-awe:after,
.gaia-sidebar .icon-sym-awe_mnu:after {
	padding-left: var(--commonDistance);
}

/*Symbol innerhalb der Titelzeile des Dialogs */
.ui-dialog-title.icon-sym-awe:before {
	padding-right: var(--commonDistance)!important;
}

/* Label einer Menüoption */
.gaia-sidebar .icon-sym-awe_mnu::after {
	font-style: italic;
}

/* Seitliche Schaltknopfleiste/Menü dauerhaft ausklappen */
.gaia-sidebar .icon-sym-awe_mnu.__show-sidebar::after {content: "Menü anheften"}
.gaia-sidebar .icon-sym-awe_mnu.__show-sidebar::before {content: "\F08D"}

/* Seitliche Schaltknopfleiste/Menü einklappen */
.gaia-sidebar .icon-sym-awe_mnu.__hide-sidebar::after {content: "Menü einklappen"}
.gaia-sidebar .icon-sym-awe_mnu.__hide-sidebar::before {content: "\F107"; /*"\F0D7";*/}

/* Label der seitlichen Schaltknopfleiste einblenden, nach links ausfahren */
.gaia-sidebar .icon-sym-awe_mnu.__show-sidebar-labels_left::after {content: "Label einblenden"}
.gaia-sidebar .icon-sym-awe_mnu.__show-sidebar-labels_left::before {content: "\F104"; /*"\F0D9";*/}

/* Label der seitlichen Schaltknopfleiste einblenden, nach rechts ausfahren */
.gaia-sidebar .icon-sym-awe_mnu.__show-sidebar-labels_right::after {content: "Label einblenden"}
.gaia-sidebar .icon-sym-awe_mnu.__show-sidebar-labels_right::before {content: "\F105"; /*"\F0DA";*/}

/* Label der seitlichen Schaltknopfleiste ausblenden, nach links ausgefahrene */
.gaia-sidebar .icon-sym-awe_mnu.__hide-sidebar-labels_left::after {content: "Label ausblenden"}
.gaia-sidebar .icon-sym-awe_mnu.__hide-sidebar-labels_left::before {content: "\F105"; /*"\F0DA";*/}

/* Label der seitlichen Schaltknopfleiste ausblenden, nach rechts ausgefahrene */
.gaia-sidebar .icon-sym-awe_mnu.__hide-sidebar-labels_right::after {content: "Label ausblenden"}
.gaia-sidebar .icon-sym-awe_mnu.__hide-sidebar-labels_right::before {content: "\F104"; /*"\F0D9";*/}

/************************/
/* Symbols Font Awesome */
/************************/
/* Menüoption */
.gaia-sidebar .icon-sym-awe {
	/*color: var(--gaia-font-color);
	background-color:  var(--gaia-background-color);*/
}

/* Symbol einer Menüoption */
.icon-sym-awe:before,
.gaia-sidebar .icon-sym-awe::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

/* Label einer Menüoption im Hilfecontext ausblenden */
.help.icon-sym-awe::after {display:none!important;}

/* Label einer Menüoption */
.icon-sym-awe::after {}
.icon-sym-awe.__openMenus::after {
	content: "Menüs einblenden"
}
.icon-sym-awe.__openMenu::after,
.icon-sym-awe.__openMenuSmall::after {
	content: "Menü einblenden"
}

.icon-sym-awe.__closeMenus::after {
	content: "Menüs ausblenden"
}
.icon-sym-awe.__closeMenu::after,
.icon-sym-awe.__closeAuswahlmenuKoordinatenanzeige::after
{
	content: "Menü ausblenden"
}

.icon-sym-awe.__openMenus::before,
.icon-sym-awe.__openMenu::before {
	content: "\F0C9"
}
.icon-sym-awe.__openMenuSmall::before,
.icon-sym-awe.__openAuswahlmenuKoordinatenanzeige::before
{
	content: "\F142"
}
.icon-sym-awe.__closeMenus::before,
.icon-sym-awe.__closeMenu::before,
.icon-sym-awe.__closeAuswahlmenuKoordinatenanzeige::before
{
	content: "\F00D"
}
.icon-sym-awe.__openAuswahlmenuKoordinatenanzeige::after
{
	content: "Koordinatenanzeige  \A ändern"
}

/* In Sidebars für Ein- und Ausblenden der legende, der Übersicht
   gleiche Symbol, in der Infozeile Schließsymbol (x), verwenden
 */
.icon-sym-awe.__openMeldungen::before {content: "\F279"}
.icon-sym-awe.__closeMeldungen::before {content: "\F00D"}
.icon-sym-awe.__openMeldungen::after {content: "Meldungen einblenden"}
.icon-sym-awe.__closeMeldungen::after {content: "Meldungen ausblenden"}

.icon-sym-awe.__openLegend::before {content: "\F03A"}
li.pk-slide .icon-sym-awe.__closeLegend::before {content: "\F03A"}
.gaia-button .icon-sym-awe.__closeLegend::before {content: "\F00D"}
.icon-sym-awe.__openLegend::after {content: "Legende einblenden"}
.icon-sym-awe.__closeLegend::after {content: "Legende ausblenden"}

.icon-sym-awe.__openOverview::before {content: "\F57c"}
li.pk-slide .icon-sym-awe.__closeOverview::before {content: "\F57c"}
.gaia-button .icon-sym-awe.__closeOverview::before {content: "\F00D"}
.icon-sym-awe.__openOverview::after {content: "Übersicht einblenden"}
.icon-sym-awe.__closeOverview::after {content: "Übersicht ausblenden"}

/* Schaltknöpfe in der Infozeile in voller Breite anzeigen,
   wenn Meldungsliste, Legende oder Übersicht geöffnet s.a. a.gaia.button
*/
#gaiaMapLegendSwitcher.gaia-button,
#gaiaMapOverviewSwitcher.gaia-button,
#gaiaMsgListSwitcher.gaia-button {
	width: auto !important;
}

#gaiaMapLegendSwitcher.gaia-button .icon-sym-awe.__closeLegend::before,
#gaiaMapOverviewSwitcher.gaia-button .icon-sym-awe.__closeOverview::before,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType0::before,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType1::before,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType2::before,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType3::before {
	width: 15% !important
}

#gaiaMapLegendSwitcher.gaia-button .icon-sym-awe.__closeLegend::after,
#gaiaMapOverviewSwitcher.gaia-button .icon-sym-awe.__closeOverview::after,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType0::after,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType1::after,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType2::after,
#gaiaMsgListSwitcher.gaia-button .icon-sym-awe.__closeType3::after {
	display: flex !important
}

.icon-sym-awe.__showExtern::before {content: "\F14D";}
.icon-sym-awe.__showIntern::before {content: "\F3E5";}
.icon-sym-awe.__closeExtern::before {content: "\F00D";}
.icon-sym-awe.__showExtern::after {content: "Dialog extern anzeigen";}
.icon-sym-awe.__showIntern::after {content: "Dialog intern anzeigen";}
.icon-sym-awe.__closeExtern::after {content: "Dialog schließen";}

.icon-sym-awe.__anmelden::before {content: "\F007"}
.icon-sym-awe.__abmelden::before {content: "\F2F5"}
.icon-sym-awe.__anmelden::after {content: "Anmelden"}
.icon-sym-awe.__abmelden::after {content: "Abmelden"}

.icon-sym-awe.__openSearch::before {content: "\F002"}
.icon-sym-awe.__openSearch::after {content: "Suchen"}
.icon-sym-awe.__clearSearch::before {content: "\F057"}
.icon-sym-awe.__clearSearch::after {content: "Löschen"}

/* Schaltknopf zur Steuerung der Fontgröße */
.icon-sym-awe.__font-normal::before {content: "A-"}
.icon-sym-awe.__font-big::before {content: "A+"}
.icon-sym-awe.__font-normal::after {content: "Standard Schriftgröße"}
.icon-sym-awe.__font-big::after {content: "Große Schriftgröße"}

/* Kontrastschaltknopf */
.icon-sym-awe.__contrast-on::before,
.icon-sym-awe.__contrast-off::before {
	font-family: "icons_regportal";
	font-size: 1em;
	font-weight: 900;
	content: 'K';
}
.icon-sym-awe.__contrast-on::after {content: "Kontrast ein"}
.icon-sym-awe.__contrast-off::after {content: "Kontrast aus"}

/* Helldunkelschaltknopf */
.icon-sym-awe.__light::before,
.icon-sym-awe.__dark::before {
	content: "\F042";
}
.icon-sym-awe.__dark::after {content: "Hell ein"}
.icon-sym-awe.__light::after {content: "Dunkel ein"}

/* Sidebar links oben */
.icon-sym-awe.__themen::after {content: "Themen"}
.icon-sym-awe.__themen::before {content: "\F5FD"}
.icon-sym-awe.__navigation::after {content: "Navigation"}
.icon-sym-awe.__navigation::before {content: "\F57C"}
.icon-sym-awe.__query::after {content: "Abfragen";}
.icon-sym-awe.__query::before {content: "\F128";}
.icon-sym-awe.__draw::after {content: "Messen & Zeichnen"}
.icon-sym-awe.__draw::before {content: "\F5AE"}
.icon-sym-awe.__extras::after {content: "Extras"}
.icon-sym-awe.__extras::before {content: "\F00A"}

/* Sidebar Vergleichsansicht */
.icon-sym-awe.__openCompView::after {content: "Vergleichsansicht ein";}
.icon-sym-awe.__openCompView::before {content: "\F0DB";}
.icon-sym-awe.__closeCompView::after {content: "Vergleichsansicht aus";}
.icon-sym-awe.__closeCompView::before {content: "\F00D";}
.icon-sym-awe.__compModeSlider::after {content: "Schieber aktivieren";}
.icon-sym-awe.__compModeSlider::before {content: "\F1DE";}
.icon-sym-awe.__compModeSpy::after{content: "Mausfenster aktivieren";}
.icon-sym-awe.__compModeSpy::before{content: "\F06E";}
.icon-sym-awe.__changeCompLayer::after {content: "Ebenen tauschen";}
.icon-sym-awe.__changeCompLayer::before {content: "\F021";}

/* Sidebar rechts unten */
.icon-sym-awe.__help::after {content: "Hilfe"}
.icon-sym-awe.__help::before {content: "\F059"}
.icon-sym-awe.__drawSelect::after {content: "Zeichenelemente auswählen"}
.icon-sym-awe.__drawSelect::before {content: "\F245"}
.icon-sym-awe.__delete::after {content: "Zeichenelemente löschen"}
.icon-sym-awe.__delete::before {content: "\F15B"}
.icon-sym-awe.__leer::after {content: "";padding-left: 2px!important}
.icon-sym-awe.__leer::before {content: "";padding-left: 12px!important}
.icon-sym-awe.__print::after {content: "Drucken"}
.icon-sym-awe.__print::before {content: "\F02F"}
.icon-sym-awe.__overview::after {content: "Übersicht ein-/ausblenden"}
.icon-sym-awe.__overview::before {content: "\F279"}
.icon-sym-awe.__legend::after {content: "Legende ein-/ausblenden"}
.icon-sym-awe.__legend::before {content: "\F03A"}

/* Sidebar rechts oben */
.icon-sym-awe.__zoomIn::after {content: "Vergrößern"}
.icon-sym-awe.__zoomIn::before {content: "\F00E"}
.icon-sym-awe.__zoomOut::after {content: "Verkleinern"}
.icon-sym-awe.__zoomOut::before {content: "\F010"}
.icon-sym-awe.__pan::after {content: "Verschieben"}
.icon-sym-awe.__pan::before {content: "\F256"}
.icon-sym-awe.__quickInfo::after {content: "Schnellabfrage"}
.icon-sym-awe.__quickInfo::before {content: "\F05A"}
.icon-sym-awe.__changeBackground::after {content: "Hintergrund ändern"}
.icon-sym-awe.__changeBackground::before {content: "\F279"}

/* Pfeile */
.icon-sym-awe.__angleUp::before {content: "\F106"}
.icon-sym-awe.__angleDown::before {content: "\F107"}
.icon-sym-awe.__angleLeft::before {content: "\F104"}
.icon-sym-awe.__angleRight::before {content: "\F105"}

/* Meldungsbutton links unten immer mit Icon für Meldung mit höchster
   Priorität, keine Meldungen(0), Hinweise(1), Warnungen(2), Fehler(3) */
.icon-sym-awe.__openType0::after
{
	padding-left: 5px;
	content: "keine Nachrichten"
}

.icon-sym-awe.__openType1::after,
.icon-sym-awe.__openType2::after,
.icon-sym-awe.__openType3::after {
	content: "Nachrichten einblenden"
}

.icon-sym-awe.__closeType0::after {
	content: "keine Nachrichten"
}

.icon-sym-awe.__closeType1::after,
.icon-sym-awe.__closeType2::after,
.icon-sym-awe.__closeType3::after {
	content: "Nachrichten ausblenden"
}

/* Achtung: Farben müssen "important" gesetzt werden, sonst besitzt Button bei der
   Anzeige der Meldungsliste (Button aktiv) die Farbe eines aktiven Buttons
 */

#gaiaMsgListSwitcher .icon-sym-awe:before {
	font-size: calc(calc(var(--gaia-sidebar-font-size) * 3) / 2) !important;
}

#gaiaMsgListSwitcher:hover .icon-sym-awe:before,
#gaiaMsgListSwitcher:active .icon-sym-awe::before,
#gaiaMsgListSwitcher:focus .icon-sym-awe::before {
	color: var(--gaia-focus-color);
	background-color: var(--gaia-focus-background-color);
	border-width: var(--gaia-focus-border-width);
	border-color: var(--gaia-focus-border-color)!important;
}

.icon-sym-awe.__openType0::before,
.icon-sym-awe.__closeType0::before {
	content: "\F05A";
	color: var(--gaia-disable-color) !important;
}

.icon-sym-awe.__openType1::before,
.icon-sym-awe.__closeType1::before {
	content: "\F05A";
	color: var(--gaia-font-color) !important;
}

.icon-sym-awe.__openType2::before,
.icon-sym-awe.__closeType2::before {
	content: "\F071";
	color: peru !important;
}

.icon-sym-awe.__openType3::before,
.icon-sym-awe.__closeType3::before {
	content: "\F057";
	color: firebrick !important;
}

/* Buttons der Vergleichsansicht */
.icon-sym-awe.__ovlModeSpy::before {
	content: "\F06E";
}
.icon-sym-awe.sidebar_right_ovlModeSlider::before {
	content: "\F0DB";
}
.icon-sym-awe.__ovlModeSpy::after {
	content: "Mausfenster aktivieren";
}
.icon-sym-awe.__ovlModeSlider::after {
	content: "Schieber aktivieren";
}

.icon-sym-awe.__changeLayer::before {
	content: "\F021";
}

.icon-sym-awe.__changeLayer::after {
	content: "Ebenen tauschen";
}

/* Buttons der Sidebar oberhalb des Themenbaums */
/* Sidebar oberhalb des Themenbaums */
.icon-sym-awe.__treeAdd::after {content: "Hinzufügen"}
.icon-sym-awe.__treeAdd::before {content: "\2b"}
.icon-sym-awe.__treeReload::after {content: "Rücksetzen"}
.icon-sym-awe.__treeReload::before {content: "\F2F9"}
.icon-sym-awe.__treeReloadOriginal::after {content: "Original laden";}
.icon-sym-awe.__treeReloadOriginal::before {content: "\F015";}
.icon-sym-awe.__treeSave::after {content: "Speichern"}
.icon-sym-awe.__treeSave::before {content: "\F0C7"}
.icon-sym-awe.__treeTime::after {content: "Messen"}
.icon-sym-awe.__treeTime::before {content: "\F017"}
.icon-sym-awe.__treeHelp::after {content: "Hilfe"}
.icon-sym-awe.__treeHelp::before {content: "\F059"}

/***********/
/* Sidebar */
/***********/

.gaia-sidebar *  {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: "Roboto Reg";
	font-size: var(--gaia-sidebar-font-size);
}

.gaia-sidebar div, .gaia-sidebar footer, .gaia-sidebar h1, .gaia-sidebar h2, .gaia-sidebar h3, .gaia-sidebar h4, .gaia-sidebar header, .gaia-sidebar li, .gaia-sidebar nav, .gaia-sidebar p, .gaia-sidebar ul {
	display: inline;
}

.gaia-sidebar button, .gaia-sidebar input, .gaia-sidebar textarea {
	display: inline-block;
}

.gaia-sidebar a, .gaia-sidebar b, .gaia-sidebar em, .gaia-sidebar i, .gaia-sidebar span, .gaia-sidebar strong {
	/*HRisplay: inline;*/
}

/* Szenario: Innerhalb der Sidebar oben rechts wird das "Vergrößern"
   per Touch aktiviert. Die Option "Vergrößern" erhält den Focus.
   Label wird "ausgefahren". Das "ausgefahrene" Label bestimmt die Breite der
   gesamten Sidebar. Innerhalb dieser gedachten umschreibenden Box konnte bisher
   kein Rechteck zum Vergrößern aufgezogen, kein Pan oder eine Schnellinfo
   durchgeführt werden. Die gedachte umschreibenden Box (Tag UL) ließ keine
   Ereignisse(Touch, Klick) durch.
*/
.gaia-sidebar ul.sidebar {
	pointer-events: none;
}
.gaia-sidebar ul.sidebar li a {
	pointer-events: auto;
}

.gaia-sidebar p {
	line-height: 24px;
	margin: 16px 0
}

.gaia-sidebar a {
	color: var(--gaia-font-color);
	text-decoration: none
}

.gaia-sidebar a:hover,
.gaia-sidebar a:active,
.gaia-sidebar a:focus
{
	text-decoration: underline;
}

.gaia-sidebar .sidebar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: fixed;
}

.gaia-sidebar #gaia-sidebar_themesTree.sidebar {
	position: relative!important;
}

#gaia-sidebar_ne {
	top: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) *2 + var(--gaia-sidebar-btns-margin) * 2);
}
#gaia-sidebar_se {
	bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) *2 + var(--gaia-sidebar-btns-margin) * 2);
}

@media only screen and (max-width: 512px) {
	#gaia-sidebar_ne {
		top: calc(var(--gaia-sidebar-margin)  + var(--gaia-sidebar-btn-height)  + var(--gaia-sidebar-btns-margin) );
	}

	/* Infoleiste am unteren Rand wird ja nicht angezeigt. var(--gaia-sidebar-btn-height)
	   incl. Höhe des Seitenfooters var(--gaia-font-size)*/
	#gaia-sidebar_se {
		bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-font-size));
	}
}

@media only screen  and (min-width: 513px)  and (max-width: 1024px) {
	#gaia-sidebar_ne {
		top: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height)  + var(--gaia-sidebar-btns-margin) );
	}
	/*incl. Höhe des Seitenfooters var(--gaia-font-size)*/
	#gaia-sidebar_se {
		bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-font-size) + 1.4em + var(--gaia-sidebar-btns-margin) );
	}
}

@media only screen  and (min-width: 1025px)  and (max-height: 760px) {
	#gaia-sidebar_ne {
		top: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height)  + var(--gaia-sidebar-btns-margin) );
	}

	/* incl. Höhe des Seitenfooters var(--gaia-font-size)*/
	#gaia-sidebar_se {
		bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-font-size) +  var(--gaia-sidebar-btn-height) + var(--gaia-sidebar-btns-margin) );
	}

	/* incl. Höhe des Seitenfooters var(--gaia-font-size)*/
	#mapFooter {
		right: var(--gaia-sidebar-margin);
		bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-font-size));
	}
}

.gaia-sidebar .sidebar_left {
	/*left: var(--gaia-sidebar-margin);*/
	right: auto;
}

.gaia-sidebar .sidebar_right {
	left: auto;
	right: var(--gaia-sidebar-margin);
}

.gaia-sidebar #gaia-sidebar_compareView.sidebar_right {
	right: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) * 1.5  + var(--gaia-sidebar-btns-margin))
}

@media only screen and (max-width: 512px) {
	/*@TODO Warum nicht beide untereinander ?*/
	.gaia-sidebar #gaia-sidebar_compareView.sidebar_right,
	.gaia-slider.opacity {
		right: var(--gaia-slider-width);
	}
	.gaia-slider.opacity .labelTop,
	.gaia-slider.opacity .labelBottom
	{
		display:none;
	}
}

/* without influence */
.gaia-sidebar .sidebar .sidebar_label {
	visibility: hidden
}

.gaia-sidebar .sidebar li {
	position: relative;
}

/* display is important */
.gaia-sidebar .sidebar li a,
a.gaia-button {
	display: block;
}

/* distance of the sidebar from the right margin of the page*/
.gaia-sidebar .sidebar li.pk-slide:not(.chat-button) a {
	margin-right: 1px
}

/* Leerbutton */
.gaia-sidebar .sidebar-leer {
	background-color:transparent!important;
	border-width: 0!important;
}

.gaia-sidebar .sidebar-leer .icon-sym {
	cursor:default!important;
}

/***********/
/* Stack   */
/***********/

.stacked-pk-theme.gaia-sidebar .sidebar .sidebar_label {
	display: inline-block;
	height: calc(var(--gaia-sidebar-btn-height) + 3px); /*  38px;*/
	margin-right: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	position: relative;
	overflow: hidden;
	top: 50%;
	transform: translateY(-50%);
	vertical-align: top;
	visibility: visible;
	width: auto
}

/* influence distance between the top or bottom borders in the stack
	see upper height:38px -> 37 px
 */
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top.__collapsed  li {
	margin-bottom: calc(calc(var(--gaia-sidebar-btn-height) * -1) - 1px);  /* -37px*/
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle.__collapsed li {
	margin-top: calc(calc(var(--gaia-sidebar-btn-height) * -1) - 1px);  /* -37px*/
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom.__collapsed li {
	margin-top: calc(calc(var(--gaia-sidebar-btn-height) * -1) - 1px);  /* -37px*/
}

/* distance beetween two icons in the verticale */
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top.__openOnlySymbol:hover li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top.__open:hover li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top:active li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top:focus li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top:focus-within li
{
	margin-bottom: 0;
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle.__openOnlySymbol:hover li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle.__open:hover li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle:active li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle:focus li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle:focus-within li
{
	margin-bottom: 0;
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom.__openOnlySymbol:hover li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom.__open:hover li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom:active li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom:focus li,
.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom:focus-within li
{
	margin-top: 0;
}

.ui-dialog-title.dialogMenuTitle.noDisplayAfter:after {
	display: none;
	content: "Morgen"!important;
}

.stacked-pk-theme.gaia-sidebar .sidebar.__open .sidebar_responsive-close {
	display: block;
	max-width: 300px
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_top.__open li {
	margin-bottom: 0
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_middle.__open li {
	margin-bottom: 0
}

.stacked-pk-theme.gaia-sidebar .sidebar.sidebar_bottom.__open li {
	margin-top: 0
}

.stacked-pk-theme.gaia-sidebar .sidebar.__open li a,
a.gaia-button.__open {
	width: auto
}

.stacked-pk-theme.gaia-sidebar .sidebar .sidebar_responsive-close {
	transition-property: max-width;
	transition-duration: calc(var(--gaia-transition-duration) * 3);
	transition-timing-function: var(--gaia-transition-timing-function);
	transition-delay: 1s;
	display: none;
	max-width: 0;
	overflow: hidden
}

.stacked-pk-theme.gaia-sidebar .sidebar_bottom li {
	margin-top: 0;
	transition-property: margin-top, top;
	transition-duration: var(--gaia-transition-duration);
	transition-timing-function: var(--gaia-transition-timing-function);
}

.stacked-pk-theme.gaia-sidebar .sidebar_top li {
	margin-bottom: 0;
	transition-property: margin-bottom, bottom;
	transition-duration: var(--gaia-transition-duration);
	transition-timing-function: var(--gaia-transition-timing-function);
}

/* linke Menü wird erst unterhalb 1024 Pixel vertikal angezeigt.
   - ohne clear: left und ohne width: 250px;
*/
.stacked-pk-theme.gaia-sidebar .sidebar_left li {
	float: left
}

.stacked-pk-theme.gaia-sidebar .sidebar_right li {
	display: flow;
	justify-content: center;
	clear: right;
	float: right
}

.stacked-pk-theme.gaia-sidebar .sidebar_right.__open li a {
	width: var(--gaia-sidebar-btn-width);
}

#gaia-sidebar_utilities li {
	margin-left: var(--gaia-sidebar-btns-margin);
}

/* Menüs werden < 512px nicht angezeigt s. JS contentPost() */
/*@media only screen and (max-width: 512px) {*/
#gaia-sidebar_utilities.hide,
#gaia-sidebar_nw.hide,
#gaia-sidebar_ne.hide,
#gaia-sidebar_se.hide {
	display:none!important;
}
/*}*/

@media only screen and (max-width: 1024px) {

	/* NW-Menü wird < 1024px wie alle anderen Kartenmenüs vertikal geöffnet	*/
	#gaia-sidebar_nw li {
		justify-content: center;
		clear: left;
		float: left;
	}

	/* Menüoptionen werden in vertikalen Menüs alle
	   mit der gleichen Breite angezeigt
	*/
	#gaia-sidebar_nw.__open li a {
		width: var(--gaia-sidebar-btn-width);
	}
}

/* NW-Menü wird > 1024px anstatt vertikal horizontal geöffnet,
   Wiedererkennungseffekt zum alten GAIA
*/
@media only screen and (min-width: 1025px)   {
	 /* alle Menüoptionen werden nur mit der benötigten
	    und nicht mit der gleichen Breite angezeigt auto */
	#gaia-sidebar_nw li a:hover,
	#gaia-sidebar_nw li a:focus,
	#gaia-sidebar_nw li a:active,
	a.gaia-button:hover,
	a.gaia-button:active,
	a.gaia-button:focus
	{
		width: auto;
	}

	/* Symbol einer Menüoption */
	#gaia-sidebar_nw li a .icon-sym::before,
	#gaia-sidebar_nw li a:hover .icon-sym::before,
	#gaia-sidebar_nw li a:focus .icon-sym::before,
	#gaia-sidebar_nw li a:active .icon-sym::before
	{
		width: 33px!important;
	}

	/* Label einer Menüoption */
	#gaia-sidebar_nw.__open li a .icon-sym:after,
	#gaia-sidebar_nw li a:hover .icon-sym:after,
	#gaia-sidebar_nw li a:focus .icon-sym:after,
	#gaia-sidebar_nw li a:active .icon-sym:after
	{
		margin-right: 6px;
	}

	/* Option zum Anheften/Einklappen einer Sidebar ausblenden und
	   Label der Option "Label ein-/ausblenden" ausblenden
	   nur Pfeil anzeigen
 	*/
	/*body.gaia-sidebar__no-touch*/
	#gaia-sidebar_nw li.pk-lead-nw-heft,
	#gaia-sidebar_nw li.pk-lead-nw-label a span::after {
		display:none;
	}

	/* horizontaler Abstand zwischen den Menüoptionen */
	#gaia-sidebar_nw li {
		margin-right: var(--gaia-sidebar-btns-margin);
	}
}

.stacked-pk-theme.gaia-sidebar .sidebar li a,
a.gaia-button {
	transition-property:  background-color, width;
	transition-duration: var(--gaia-transition-duration);
	transition-timing-function: var(--gaia-transition-timing-function);
	border-radius: 3px;
	border: 1px solid;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	height: var(--gaia-sidebar-btn-height);
	margin-bottom: var(--gaia-sidebar-btns-margin);
	overflow: hidden;
	width: var(--gaia-sidebar-btn-height);
	white-space: nowrap;
}

@media (hover: none) {
	.stacked-pk-theme.gaia-sidebar .sidebar li a:active {
		width: var(--gaia-sidebar-btn-width);
	}
}
@media (hover: hover) and (pointer:fine) {
	.stacked-pk-theme.gaia-sidebar .sidebar li a:hover {
		width: var(--gaia-sidebar-btn-width);
	}
	#gaia-sidebar_themesTree.sidebar li a:hover {
		width: calc(var(--gaia-sidebar-btn-width) * 2/3);
	}
}

.stacked-pk-theme.gaia-sidebar .sidebar.__open li a:focus,
.stacked-pk-theme.gaia-sidebar .sidebar li a.showButtonOpen
{
	width: var(--gaia-sidebar-btn-width);
}

.stacked-pk-theme.gaia-sidebar .sidebar li a:active,
a.gaia-button:active
{
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 1px 1px rgba(0, 0, 0, .3)
}

.stacked-pk-theme.gaia-sidebar .sidebar li a .icon-img {
	height: 20px;
	width: 20px;
	margin: 7px;
	position: relative
}

.stacked-pk-theme.gaia-sidebar .sidebar .sidebar_label {
	color: var(--gaia-font-color);
}

/* wurde s.o. gegliedert
.stacked-pk-theme.gaia-sidebar .sidebar.__open li a {
	width:250px;
}*/

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(0) {
	z-index: 112000
}

.stacked-pk-theme.gaia-sidebar .sidebar li:first-child {
	z-index: 112001
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(2) {
	z-index: 112002
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(3) {
	z-index: 112003
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(4) {
	z-index: 112004
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(5) {
	z-index: 112005
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(6) {
	z-index: 112006
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(7) {
	z-index: 112007
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(8) {
	z-index: 112008
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(9) {
	z-index: 112009
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(10) {
	z-index: 112010
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(11) {
	z-index: 112011
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(12) {
	z-index: 112012
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(13) {
	z-index: 112013
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(14) {
	z-index: 112014
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(15) {
	z-index: 112015
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(16) {
	z-index: 112016
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(17) {
	z-index: 112017
}

.stacked-pk-theme.gaia-sidebar .sidebar li:nth-child(18) {
	z-index: 112018
}

/**
 * Menüoptionen der Sidebars ".stacked-pk-theme.gaia-sidebar .sidebar li a"
 * und Schaltknöpfe am unteren Bildschirmrand, wie
 * Nachrichtenbox, Neuen Maßstab anwenden, Legende und Übersicht
 * mit "a.gaia-button"
 *
 * Im Unterschied zu den Menüs in den Menüdialogen (s. .menuPoint)
 * ist die Darstellung  hier im Tag "a" untergebracht.
 *
 * Optionen werden eingeteilt in menüsteuernde und normale
 * Optionen. Menüsteuernde Optionen dienén dem Ein- und Ausblenden
 * der Labels, zum Anheften und Lösen der Sidebars
 */
/*body.gaia-sidebar__no-touch*/

/* alle Optionen */
.stacked-pk-theme.gaia-sidebar .sidebar li a,
a.gaia-button {
	color: var(--gaia-font-color);
	border-color: var(--gaia-sidebar-btns-border-color);
	border-width: var(--gaia-sidebar-btns-border-width);
	border-style: var(--gaia-sidebar-btns-border-style);
	border-radius: var(--gaia-sidebar-btns-border-radius);
	padding: 0 6px;
	text-decoration: none
}

/* menüsteuernde Optionen - "li.pk-lead" */
.stacked-pk-theme.gaia-sidebar .sidebar li.pk-lead a {
	background-color: var(--gaia-sidebar-lead-btns-bg-color);
}

/* inhaltliche Optionen  - "li.pk-content" */
.stacked-pk-theme.gaia-sidebar .sidebar li.pk-content a,
a.gaia-button
{
	background-color: var(--gaia-background-color);
}

/**
 * :hover, :active, :focus und activeButton
 */

/* Optionen, die verfügbar "not([disabled])" sind
 * s.a. .prefChoice:hover, .prefChoice:focus, .prefChoice:active
 */
/*
div:hover.icon-sym.icon-sym-awe,
div:active.icon-sym.icon-sym-awe,
div:focus.icon-sym.icon-sym-awe,
*/
.stacked-pk-theme.gaia-sidebar .sidebar li a:not([disabled]):hover,
.stacked-pk-theme.gaia-sidebar .sidebar li a:not([disabled]):active,
.stacked-pk-theme.gaia-sidebar .sidebar li a:not([disabled]):focus,
a:not([disabled]).gaia-button:hover,
a:not([disabled]).gaia-button:active,
a:not([disabled]).gaia-button:focus {
	color: var(--gaia-focus-color);
	background-color: var(--gaia-focus-background-color);
	border-color: var(--gaia-focus-background-color);
	box-shadow: var(--gaia-focus-box-shadow);
}

/* inhaltliche Optionen, ausgewählt, s.a. prefChoice[aria-selected="true"] */
.stacked-pk-theme.gaia-sidebar .sidebar li.pk-content a.activeButton,
a.gaia-button.activeButton,
.menuPoint.activeButton
{
	color: var(--gaia-selected-color);
	background-color: var(--gaia-selected-background-color);
	border-color: var(--gaia-selected-border-color);
	box-shadow: var(--gaia-selected-box-shadow);
	font-weight: bold;
}

/* Sonst flackert "Kartenstapel" beim Überfahren dieser Optionen */
.stacked-pk-theme.gaia-sidebar .sidebar li.pk-content a[disabled] {
	pointer-events:all!important;
}

/*******************************************************
   Sidebar mit Suche, Kontrast und Schriftgröße und
   Suchleiste i.e.S. als Sidebar
********************************************************/

/* Menüs immer horizontal */
.gaia-sidebar .sidebar_only_horizontal  {
	display: flex!important;
}

/***************************************************
					Container
****************************************************/

/**
 * Container zur Aufnahme des Hauptmenüs (links), der Toolbox (rechts)
 * und der Suchleiste
 */
.container {
	display: grid;
	border: 0 solid red;
	grid-template-columns: 0fr 1fr 0fr;
	padding: 0;
	margin: var(--gaia-sidebar-margin);
	pointer-events: none;
	touch-action: none;
}

.container_closeMenues {
	grid-column: 1;
	grid-row: 1;
	/* Abstand zum benachbarten Hauptmenü */
	padding-right: calc(var(--gaia-sidebar-btns-margin) * 3);
	padding-bottom: 0;
	align-self: self-start;
	/*background-color:lightgreen;*/
	z-index: 111001;
}

/* Mobile first - Container mit Hauptmenü erscheint
   unterhalb des Symbols zum Öffnen/Schließen der Menüs,
   "rutscht" in die zweite Reihe
*/
.container_mainMenue {
	grid-column: 1;
	grid-row: 2;
	/*align-self:center;*/
	/*background-color:rgb(var(--baseColor2));*/
	z-index:111002;
}

/* Container mit Hauptmenü erscheint
   neben dem Symbol zum Öffnen/Schließen der Menüs
   in der ersten Reihe
*/
@media only screen and (min-width: 1025px)   {
	.container_mainMenue {
		grid-column: 2;
		grid-row: 1;
	}
}

/* Normalerweise für Sidebars position: fixed;
  s. .gaia-sidebar .sidebar
*/
.container_closeMenues.gaia-sidebar .sidebar,
.container_mainMenue.gaia-sidebar .sidebar,
.container_utilities.gaia-sidebar .sidebar,
.sidebar.sidebar_search {
	position: inherit!important;
}

.container_searchBar {
	grid-column: 2/3;
	grid-row: 1;
	/*background-color:blue;*/
	z-index:111004;
}

@media only screen and (max-width: 512px) {
	.container_searchBar {
		margin-right: calc(var(--gaia-sidebar-margin)); /* + var(--gaia-sidebar-btn-height));*/
	}
}

@media  only screen and (min-width: 513px) {
	.container_searchBar {
		width: 275px;
		max-width: 500px;
		justify-self:self-end;
	}
}

.container_utilities {
	grid-column: 3;
	grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-row: 1;
	align-self:self-start;
	max-height: 59px;
	/*background-color:lightsalmon;*/
	/*position:relative;*/
	z-index:111003;
	justify-self: right;
}

.container_hide {
	display:none;
}

/***************************************************
	Suchleiste mit u.a. Lösch- und Suchbutton
****************************************************/
/* Formular */
.gaia__searchBar {
	position: relative;
	overflow: visible;
	pointer-events: auto;
	touch-events: auto;
	align-self:center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: var(--gaia-btns-border-radius) var(--gaia-btns-border-radius);
}

/* Texteingabefeld */
.gaia__searchBar_inputField {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 0;
	padding-bottom: 0;
	color: rgb(var(--baseColor1));
	line-height: 2.4em;
	letter-spacing: 0.07em;
	font-weight: 600;
}

.gaia__searchBar > div,
.gaia__searchBar_inputField {
	height: calc(var(--gaia-sidebar-btn-height) - 2px);
}

/* Container Texteingabefeld */
.gaia__searchBar > div.autocomplete {
	width:100%;
}

/* Standardhervorhebung für Eingabefelder "unterbinden",
   da gesamte Container mit Schaltflächen und Eingabefeld,
   für die Suchleiste schon hervorgehoben werden
   @see .gaia__searchBar:hover,
   @see .gaia__searchBar:focus-within
*/
.gaia__searchBar_inputField:hover,
.gaia__searchBar_inputField:active,
.gaia__searchBar_inputField:focus {
	box-shadow: -1px -1px 10px transparent, 1px 1px 10px transparent!important;
}

/* Menüpunkte einer Suchleiste (von links nach rechts),
   abweichend vom Standard, deshalb mit 'important' ausgezeichnet */
.gaia__searchBar_searchButton,
.gaia__searchBar_listButton,
.gaia__searchBar_inputField,
.gaia__searchBar_backspaceButton,
.gaia__searchBar_clearButton,
.gaia__searchBar_menuButton,
.gaia__searchBar_closeButton {
	color: rgb(var(--baseColor1));
	background-color: rgb(var(--baseColor0)) !important;
	border-top: 1px solid rgb(var(--baseColor1)) !important;
	border-bottom: 1px solid rgb(var(--baseColor1)) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	box-shadow: 0 0 0 transparent !important;
}

.gaia__searchBar_searchButton.__disabled {
	color: rgb(var(--baseColor2))!important;
}

/* Menüpunkt links */
.gaia__searchBar_menuButton {
	border-left: 1px solid rgb(var(--baseColor1))  !important;
	border-right: 0 !important;
	border-radius: var(--gaia-btns-border-radius0) 0 0 var(--gaia-btns-border-radius1) !important;
}

/* Menüpunkte und Eingabefeld im Zentrum */
.gaia__searchBar_listButton,
.gaia__searchBar_inputField,
.gaia__searchBar_clearButton,
.gaia__searchBar_backspaceButton,
.gaia__searchBar_searchButton {
	border-radius: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
}

/* Menüpunkt rechts */
.gaia__searchBar_closeButton {
	border-left: 0 !important;
	border-right: 1px solid rgb(var(--baseColor1))  !important;
	border-radius: 0 var(--gaia-btns-border-radius1) var(--gaia-btns-border-radius0) 0 !important;
}

.gaia__searchBar_clearButton span,
.gaia__searchBar_backspaceButton span {
	align-items:center;
	justify-content: center;
}

.gaia__searchBar_clearButton.__show,
.gaia__searchBar_backspaceButton.__show {
	display: block !important;
}

.gaia__searchBar_clearButton.__hide,
.gaia__searchBar_backspaceButton.__hide {
	display: none !important;
}

/* Abweichend bzgl. der Standardanzeige von Menüoptionen in Sidebars
   werden die Menüoptionen der Suchleiste anders angezeigt
   @see .stacked-pk-theme.gaia-sidebar .sidebar li a:hover
*/

/* farblich anders hervorgehoben */
.gaia-sidebar .sidebar.sidebar_search li a
{
	color: rgb(var(--baseColor1)) !important;
	stroke: rgb(var(--baseColor0)) !important;
	background-color: rgb(var(--baseColor0)) !important;
	fill: rgb(var(--baseColor1));
}

.gaia-sidebar .sidebar.sidebar_search li a:hover,
.gaia-sidebar .sidebar.sidebar_search li a:active,
.gaia-sidebar .sidebar.sidebar_search li a:focus,
.gaia-sidebar .sidebar.sidebar_search li a:focus-within
{
	color: rgb(var(--baseColor0)) !important;
	stroke: rgb(var(--baseColor1)) !important;
	background-color: rgb(var(--baseColor1)) !important;
	fill: rgb(var(--baseColor0));
}

/* volle Symbolbreite */
.gaia-sidebar .sidebar.sidebar_search li a.__normal,
.gaia-sidebar .sidebar.sidebar_search li a.__normal:hover,
.gaia-sidebar .sidebar.sidebar_search li a.__normal:active,
.gaia-sidebar .sidebar.sidebar_search li a.__normal:focus
{
	width: var(--gaia-sidebar-btn-height)!important;
}

/* halbe Symbolbreite */
.gaia-sidebar .sidebar.sidebar_search li a.__small,
.gaia-sidebar .sidebar.sidebar_search li a.__small:hover,
.gaia-sidebar .sidebar.sidebar_search li a.__small:active,
.gaia-sidebar .sidebar.sidebar_search li a.__small:focus
{
	width: calc(var(--gaia-sidebar-btn-height) / 2)!important;
}

/* @see .gaia-sidebar .sidebar a:hover .icon-sym::before */
.gaia-sidebar .sidebar.sidebar_search a:hover .icon-sym::before,
.gaia-sidebar .sidebar.sidebar_search a:active .icon-sym::before,
.gaia-sidebar .sidebar.sidebar_search a:focus .icon-sym::before
{
	width: 100%!important;
}

/* Label der Menüoptionen der Suchleiste werden nicht angezeigt.
	@see .gaia-sidebar .sidebar a:hover .icon-sym::after
*/
.gaia-sidebar .sidebar.sidebar_search a:hover .icon-sym:after,
.gaia-sidebar .sidebar.sidebar_search a:active .icon-sym:after,
.gaia-sidebar .sidebar.sidebar_search a:focus .icon-sym:after
{
	display: none!important;
}
