:root {
    --border_and_font-color: red; /*rgb(40, 125, 168)*/
}

body.notouch {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: auto;
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    src: url("webfonts/fa-solid-900.woff2") format("woff2"), url("webfonts/fa-solid-900.ttf") format("truetype");
    /*url("webfonts/fa-solid-900.svg#fontawesome") format("svg");*/
}

@font-face {
    font-family: 'Font Awesome 6 Free Reg';
    font-style: normal;
    font-weight: 900;
    src: url("webfonts/fa-regular-400.woff2") format("woff2"), url("webfonts/fa-regular-400.ttf") format("truetype");
    /*url("webfonts/fa-regular-400.svg#fontawesome") format("svg");*/
}

@font-face {
    font-family: 'icons_regportal';
    src: url('webfonts/icons_regportal.eot?-88br5p');
    src: url('webfonts/icons_regportal.eot?#iefix-88br5p') format('embedded-opentype'),
    url('webfonts/icons_regportal.woff?-88br5p') format('woff'),
    url('webfonts/icons_regportal.ttf?-88br5p') format('truetype'),
    url('webfonts/icons_regportal.svg?-88br5p#icons_regportal') format('svg');
    font-weight: normal;
    font-style: normal
}

.robotoBold {
    font-family: "Roboto Bold";
}

.noDisplay {
    display: none!important;
}

#leg {
    display: inline;
}

div.ui-dialog {
    z-index: 50000;
}

.gaiaSpanDistValue {
    width:6em;
}

.gaiaSpanAreaUnit {
    width:6em;
}

.gaiaSpanAngleUnit {
    width:3em;
}

div.menuIcons {
    display: inline;
    font: var(--border_and_font-color);
    font-size: 1em;
    border: 0;
    padding: 0;
    height: 30px;
    width: 30px;
}

div.menuIconsTitle {
    display: inline;
    font-family: "Roboto Reg";
}

.iconNavigation::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F57C";
}
.iconAbfragen::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F128";
}
.iconZeichnen::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F5AE";
}
.iconExtras::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F00A";
}
.iconSuche::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F002";
}
.iconSucheCoords::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F3C5";
}
.iconThemen::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F5FD";
}
.iconFehler::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F057";"
}
.iconHamburgerOpen::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F0C9"
}
.iconHamburgerClose::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F00D"
}
.iconInfoOpen::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F0C9"
}
.iconInfoClose::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F00D"
}
.iconOpenMenuSmall::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F142"
}
.iconCloseMenu::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F00D"
}
.iconAngleDown::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F107"
}
.iconAngleUp::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F106"
}

.ui-accordion .ui-accordion-content {
    padding: var(--commonDistance)!important;
    overflow: hidden;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover {
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
}

.ui-icon:hover,
.ui-icon:active,
.ui-icon:focus,
.ui-button:hover,
.ui-button:active,
.ui-button:focus {
    color: var(--gaia-background-color) !important;
    background-color: var(--gaia-font-color) !important;
}

.accordionHeader.themenHeader {
    padding: 0 0 0 2px;
}
.accordionHeader.themenHeader::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F0DA";
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
}

table.menuTable {
     border:0;
     width:95%;
     background-color: white;
}

td.menuIcon {
    width: 14%!important;
    text-align: center;
    padding: 8px;
}

#reiter1, #reiter2 {
	padding: 8px;
}

/* Container für Zwischenablage */
#gaiaClipboard {
    position: absolute;
    /* verdeckt vom Schalter zum Ein- und Ausblenden der Zwischenablage*/
    left: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height)/ 3);
    bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height)/ 3);
    width: calc(var(--gaia-sidebar-btn-height) / 2);
    /* rechts vom Schalter zum Ein- und Ausblenden der Zwischenablage
    left: calc((var(--gaia-sidebar-margin) * 2) + var(--gaia-sidebar-btn-height));
    bottom: calc(var(--gaia-sidebar-margin) * 2);*/
    margin: 0;
    border: 0;
    padding: 0;
    color: #FF0000;
    background-color: #FFFFF0;
    overflow: hidden;
    display: none;
}

/***************************************/
/*   Meldungsliste und Infoschaltknopf */
/***************************************/

/* Entfernung des Infoschaltknopfes  und der Meldungsliste vom linken Rand */
#gaiaMsgListSwitcher,
#gaiaMsgList {
    position: absolute;
    left: var(--gaia-sidebar-margin);
}

/* Entfernung der Meldungsliste vom unteren Rand
  incl. Höhe des Seitenfooters var(--gaia-font-size)*/
#gaiaMsgList {
    bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-font-size) + var(--gaia-sidebar-btn-height) + var(--gaia-sidebar-btns-margin));
}

/* Entfernung des Infoschaltknopfes vom unteren Rand
  incl. Höhe des Seitenfooters var(--gaia-font-size)*/
#gaiaMsgListSwitcher {
    bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-font-size));
}

#gaiaMsgListSwitcher .icon-sym {
    position: relative;
    z-index:50102;
}

/* dynamische Breite und Höhe der Meldungsliste */
#gaiaMsgList {
    width: 30vw;
    min-width: 295px; /* min. Fensterbreite FF */
    max-width: 512px;
    height: auto;
    max-height: 70vh;
    overflow: auto;
    z-index: 50000;
}

#gaiaMsgList:active,
#gaiaMsgList:hover {
    z-index: 51001;
}

/* einzelne Meldung, aus drei Spalten bestehend:
   links: Icon mit Typ der Meldung @see .showMsgListItemType
   mittig: eigenliche Meldung @see .msgListItemType
   rechts: Icon zum Schließen der einzelnen Meldung
*/
.msgListItem {
    display: flex;
    flex-flow: row wrap;
    height: auto;
    margin-bottom: var(--gaia-sidebar-btns-margin); /* Abstand zwischen den Meldungen*/
    padding: var(--commonDistance);
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    line-height: 1.2em;
    z-index: 51001;
}

/*.msgListItem > * {
    flex: 1 100%;
}*/

/* 1. Spalte mit Symbol für Typ der Meldung
   keine Meldung(__type0),
   Hinweis(__type1),
   Warnung(__type2)
   Fehler(__type3)
*/
#gaiaMsgList .msgListItemType {
    /*background: gold !important;*/
    text-align:left;
}

#gaiaMsgList .msgListItemType::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: var(--gaia-sidebar-font-size);
}

#gaiaMsgList .msgListItemType::after {
    display: none;
}

/* 2. Spalte mit Meldung i.e.S. */
#gaiaMsgList .msgListItemMain {
    /*background: deepskyblue !important;*/
    text-align: left;
    padding-left: 4px;
}

/* 3. Spalte mit Symbol zum Schließen*/
#gaiaMsgList .msgListItemClose {
    /*background: hotpink !important;*/
    width: 2em!important;
    height: 2em!important;
}

@media only screen and (max-width : 512px) {
    /* beide Icons in einer Zeile
       darunter einzelne Meldung */
    #gaiaMsgList .msgListItemIcons {flex: 1 auto;}
}


@media only screen and (min-width: 513px) {
    #gaiaMsgList .msgListItemMain {flex: 10 0;}
    #gaiaMsgList .msgListItemType {order: 1;}
    #gaiaMsgList .msgListItemMain {order: 2;}
    #gaiaMsgList .msgListItemClose {order: 3;}
}

/************************/
/*  Fußzeile der Seite  */
/************************/
.gaiaSiteFooterContainer {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    white-space: normal;
}

.gaiaSiteFooter {
    float: right;
    background-color: var(--gaia-background-color_transparency);
    padding-left: var(--commonDistance);
    display: table-row;
    font-size: var(--gaia-font-size);
}

.gaiaSiteFooter .left,
.gaiaSiteFooter .left .row {
    display: table-cell;
}

.gaiaSiteFooter .left .row .rowHeight {
    line-height: calc(var(--gaia-font-size) + 3px);
}

.gaiaSiteFooter .cell {
    color: var(--gaia-font-color);
    margin-right: var(--gaia-font-size);
    display: inline-block;
    white-space: nowrap;
}

.gaiaSiteFooter .cell:hover,
.gaiaSiteFooter .cell:active,
.gaiaSiteFooter .cell:focus {
	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;
	font-weight: bold;
}

.gaiaSiteFooter .cellNoShow {
    display: none!important;
}

.gaiaSiteFooter .cellInline {
    display: inline;
    white-space: normal;
}

.gaiaSiteFooter button.cell {
    background: transparent;
    border: 0;
    border-radius: 0;
    list-style: none;
    outline: 0;
    overflow: visible;
    padding: 0;
    vertical-align: baseline;
}

/********************/
/*  Copyrightliste  */
/********************/

#gaiaCopyrightList {
    position: absolute;
    left: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) + var(--gaia-sidebar-btns-margin));
    /* incl. Höhe des Seitenfooters var(--gaia-font-size)*/
    bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-font-size));
    width: auto;
    max-width: 295px;
    height: auto;
    max-height: 75px;
    overflow: auto;
    z-index: 50001;
    /*background-color: yellow;*/
}

#gaiaCopyrightList ul {
    list-style: none;
    padding: var(--commonDistance);
    margin: 0;
}

#gaiaCopyrightList ul li:not(:last-child) {
    margin-bottom: var(--commonDistance);
}

#gaiaCopyrightList ul li {
    color: var(--gaia-font-color);
    text-shadow: 1px 1px 1px var(--gaia-background-color),
    1px -1px 1px var(--gaia-background-color),
    -1px 1px 1px var(--gaia-background-color),
    -1px -1px 1px var(--gaia-background-color);
}




/*************************************************************************/
/* Auswahlmenü "Topographischer Hintergrund" auf der Map - unten rechts  */
/*************************************************************************/
#gaia-bgChanger {
    position: absolute;
    display: none;
    top: calc(var(--gaia-sidebar-btn-height) + var(--gaia-sidebar-btns-margin) + var(--gaia-sidebar-margin));
    right: calc(var(--gaia-sidebar-btn-height) + var(--gaia-sidebar-btns-margin) + var(--gaia-sidebar-margin) * 2);
    width: 150px;
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
}
#gaia-bgChanger .mapBackground {
    display:block;
    width: 90%;
    margin: var(--commonDistance) auto;
    height: var(--gaia-sidebar-btn-height);
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    font-weight: bold;
}
#gaia-bgChanger .mapBackground span {
    padding: 3px;
    margin-left: -1px;
    margin-top: var(--commonDistance);
    color: inherit;
    background-color: inherit;
    border-width: inherit;
    border-style: inherit;
    border-color: inherit;
    border-radius: inherit;
    font-family: "Roboto Reg";
}
#gaia-bgChanger .mapBackground:hover span,
#gaia-bgChanger .mapBackground:active span,
#gaia-bgChanger .mapBackground:focus span
{
    border-width: var(--gaia-focus-border-width);
    font-weight: bold;
}
/*#gaia-bgChanger .mapBackground:hover,*/
#gaia-bgChanger .mapBackground:active,
#gaia-bgChanger .mapBackground:focus {
    z-index:1000000;
    height: 91px;
}

/******************************************/
/* Infofooter auf der Map - unten rechts  */
/******************************************/
/* komplett ausblenden */
@media only screen and (max-width: 512px) {
	.mapFooter {
		display: none !important;
	}
}

/**
 * HTML-Elemente mit der Klasse "onlyDesktopMapFooter" ausblenden
 * (s. content.html). Andere kleiner anzeigen.
 */
@media only screen and (min-width: 513px) and (max-width: 1023px) {
	.onlyDesktopMapFooter {
		display: none !important;
	}

	/*#mapFooterCoordsChange,*/
	#mapFooterCoords,
	#mapFooterScale,
    #massstabButtonGo,
	#mapFooterClose {
		height: 24px;
	}

    /* Container zur Auswahl Koordinatensystem und
    Anzeige Koordinatensystem und Koordinaten */
	#mapFooterCoords {
		display: flex;
		align-items: center;
		padding: 0 var(--commonDistance)!important;
	}

	/* besitzt Klasse onlyDesktopMapFooter
	#mapFooterCoordsChange:hover,
	#mapFooterCoordsChange:active,
	#mapFooterCoordsChange:focus {
		display: flex;
		height: var(--gaia-sidebar-btn-height);
		width: auto;
	}*/
}

@media only screen and (min-width: 1025px) {
    /* Optionen der Sidebar SE (Übersicht, Legende ein- und ausblenden */
    .onlyMin1024Pixel {
        display: none !important;
    }


    /* Container zur Auswahl Koordinatensystem und
    Anzeige Koordinatensystem und Koordinaten */
    #mapFooterCoords {
        display: inline;
        margin: 0 -1px 0 -1px;
        /*padding: 0 10px;*/
    }
}

.mapFooterStyle {
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color); /*_transparency);*/
    margin-left: 0;
    bottom: 10px;
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    text-align: center;
}

.mapFooterStyle:hover {
    background-color: var(--gaia-background-color);
}

.mapFooterIconStyle {
    font-size: var(--gaia-sidebar-font-size);
    cursor: pointer;
    vertical-align: middle;
}

.littlePadding {
    padding-top: 3px;
}

#zoom {
    vertical-align: middle;
}

.mapFooter {
    position: absolute;
    display:block;
}

#mapFooter {
    right: var(--gaia-sidebar-margin);
    bottom: var(--gaia-sidebar-margin);
}

#mapFooterContent {
    display: inline-flex;
    float:left;
}

.mapFooterContent {
    box-sizing: border-box!important;
}

#mapFooterClose {
	display:flex;
	float: left;
	align-items:center;
	/* Wirkung von .gaia-button außer Kraft setzen */
	padding:0!important;
	width: calc(var(--gaia-sidebar-btn-height) / 2) !important;
}

#mapFooterClose div.open::before,
#mapFooterClose div.closed::before,
#openMenu::before,
#closeMenu::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding-left: 4px;
}

#mapFooterClose div.open::before,
#openMenu::before {
    content: "\F105";
}
#mapFooterClose div.closed::before,
#closeMenu::before {
    content: "\F104";
}

/* Übersichtskarte/Legende/Meldunen ein- ausblenden */
div#mapFooterOverview,
div#mapLegend {
    position: absolute;
    bottom: 49px;
    right: 60px;
    width: auto;
    height: auto;
    display: none;
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
}

/* Maßstabsanwendung */

#massstabButtonGo {
    /* Wirkung von .gaia-button außer Kraft setzen */
    padding: 0 !important;
    width: calc(var(--gaia-sidebar-btn-height) / 2) !important;
    border-left-style: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -5px;
}

#massstabButtonGo .icon-sym::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F152";
}

#massstabButtonGo .icon-sym {
    font-size: 16px;
}

#massstabButtonGo:hover .icon-sym::before,
#massstabButtonGo:active .icon-sym::before,
#massstabButtonGo:focus .icon-sym::before {
    padding-left: 4px;
}

/* Maßstabseingabe */

#mapFooterScale {
	padding-left:10px;
    display: flex;
    margin: 0 -1px 0 -1px;
    line-height: 28px;
	align-items: center;
}

#mapFooterScale input#scaleInput {
    width: 60px;
    line-height: 12px;
    font-size: 12px;
}

#mapFooterScale input#scaleButGo {
    width: 30px;
    line-height: 12px;
    font-size: 12px;
}

#mapFooterScalePicker {
    width: auto;
    display: flex;
    align-items:center;
    /*margin: 0 -1px 0 -1px;*/
    padding: 0 var(--commonDistance);
}

#mapFooterCoords_CRS_display {
    display: inline;
}

#mapFooterCoordsChange {
    display: inline-block;
    border-right-width: 0;
    border-top-right-radius: 0 0;
    border-bottom-right-radius: 0 0;
    width: calc(var(--gaia-sidebar-btn-height) / 2);
}

#mapFooterCoordsDisplay {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-right: calc(var(--gaia-sidebar-btns-margin) * 3);
    padding-left: var(--gaia-sidebar-btns-margin);
}

#mapFooterCoordsChange:hover,
#mapFooterCoordsChange:active,
#mapFooterCoordsChange:focus {
    width: auto;
}


/* Auswahl Koordinatenanzeigesystem */
#mapFooterCoordsChangeMenu {
    display: none;
    position: absolute;
    bottom: 39px;
    width: 318px;
    right: 221px;
    margin: var(--gaia-sidebar-btns-margin);
    padding: var(--gaia-sidebar-btns-margin);
}

#mapFooterCoordsChangeMenu ul {
    padding: 0;
    margin: 0;
}

#mapFooterCoordsChangeMenu li.menu_option {
    list-style: none;
    float: left;
    text-align: left;
    width: 96%;
    margin-top: var(--gaia-sidebar-btns-margin);
    padding: var(--gaia-sidebar-btns-margin);
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    cursor: pointer;
}

#mapFooterCoordsChangeMenu li.menu_option.activeOption,
#mapFooterCoordsChangeMenu li.menu_option:hover,
#mapFooterCoordsChangeMenu li.menu_option:active,
#mapFooterCoordsChangeMenu li.menu_option:focus {
    color: var(--gaia-background-color);
    background: var(--gaia-font-color);
    border-color: var(--gaia-background-color);
}

/* Anzeige Koordinatensystem und Koordinaten  */

#mapFooterCoords_CRS,
#mapFooterCoords_COORDS  {
    display: inline;
}

#mapFooterCoords_CRS::before,
#mapFooterCoords_COORDS::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    padding-right: calc(2 * var(--gaia-sidebar-btns-margin));
}

#mapFooterCoords_CRS::before {
    content: "\F0AC";
}

#mapFooterCoords_COORDS::before {
    content: "\F3C5";
}

/* Anzeige Flächen- und Längeneinheiten */

div#mapFooterMeasure {
    display: none;
    margin: 0;
    padding: 0 10px;
}

.measureContent {
    display: block;
    text-align:right;
}

.measureIcon {
    width: 20px;
    height: 10px;
    display: inline;
    padding: var(--commonDistance);
}

#measure_flaeche::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F04D";
}

#measure_breite::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F337";
}

#measure_umfang::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F5CB";
}

#measure_radius::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F568";
}

#measure_letzteBreite::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F30B";
}

#measure_hoehe::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F338";
}

/**********************************************/
/* Allgemein  */
/**********************************************/

.inpFormatOnMapSelect {
    width: 50px;
    color: var(--gaia-font-color);
    font-size: 12px;
}

div.ui-accordion .ui-accordion-content, div.accordion-inhalt.themenliste  {
    padding: 0!important;
    width: 99%;
    font-size: 0.9em;
}

div.thema {
    margin: 0;
    padding: 0;
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border: 1px solid var(--gaia-font-color);
    border-bottom: 0;
    font-weight: normal;
    text-align: left;
}

div.thema.subThema {
    padding-left: 12%;
}

#closeMenu {
    padding: var(--commonDistance);
    font-weight: bold;
    font-family: "Roboto Reg";
    font-size: 12px;
    font-style: italic;
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    cursor: pointer;
}

.headerIcons {
	position: absolute;
    top: 0;
    height: 24px;
    width: 23px;
    padding: 10px;
    margin: 0;
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    z-index: 500;
    font-size: 1.8em;
    cursor: pointer;
}

.headerIconsSmall {
    position: absolute;
    top: 0;
    height: 18px;
    width: auto;
    margin: -5px;
    padding: var(--commonDistance);
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    z-index: 500;
    font-size: 1em;
    cursor: pointer;
}

.headerLogo {
	display: inline;
	width: 40%;
	height: 46px;
	margin: 2px;
    padding-left: 55px;
}

#headerHelper {
	position: absolute;
    top: 0;
    right: 50px;
	width: 50%;
	height: 46px;
	margin: 2px;
	text-align: right;
}

/*.menuPoint.openMenu::before {
    content: "\F0C9";
}*/

/*.menuPoint.openMenu::after {
    content: "Menü einblenden";
}*/

#openMenu {
	left: 1px;
}
#openMenu::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F0C9";
}

#openSearch {
	right: 1px;
}
#openSearch::before, #openSearchHeader::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\F002";
}

#searchDiv {
	position: absolute;
	top: 55px;
	left: 35vw;
	width: 30vw;
	height: auto;
	display: none;
	z-index: 55555;
    color: var(--gaia-font-color);
    background-color: var(--gaia-btns-border-color);
    border: 1px solid var(--gaia-background-color);
    padding: 10px var(--commonDistance) 10px var(--commonDistance);
    text-align: center;
}

#searchDiv select, .bigInput {
	width: 90%;
}
#searchDiv .smallInput {
	width: 40%;
}

#searchDiv input[type=button] {
	font-size: 1.2em;
	padding: var(--commonDistance) 10px var(--commonDistance) 10px;
	border-radius: var(--gaia-btns-border-radius);
}

.breakWhenSmall {
	display: inline;
}

.searchActive {
	border-width: 3px;
}

.tooltipClass,
.tooltipClassCenter,
.tooltipClassBgChanger
{
    position: absolute;
    padding: var(--commonDistance);
    background-color: var(--gaia-background-color)!important;
    color: var(--gaia-font-color)!important;
	/* @TODO funktioniert nicht*/
    z-index: 51001;
    font-size: 1.2em;
    font-family: "Roboto Reg";
    border-color: var(--gaia-btns-border-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-radius: var(--gaia-btns-border-radius);
}

.tooltipClassCenter {
    text-align: center;
}

.ui-tooltip {
    font-family: "Roboto Reg";
}

.tblBtnsLeft {
    display:table;
    height:26px;
    float:left;
    border:0 solid blue;
}

.tblBtnsRight {
    display:table;
    height:26px;
    float:right;
    border:0 solid red;
}

.tblCellBtns {
    display:table-cell;
    vertical-align: middle;
    border:0 solid blue;
}

#unterHeaderDiv, #unterHeaderDiv2 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	width: 100%;
	z-index: 5;
	overflow: hidden;
}

#unterHeaderDiv2 {
    height: 9vh;
}
#unterHeaderDiv {
    height: 9vh;
}

.headerRow {
	display: block;
	margin: 0;
	width: 100%;
	font-size: 1.4em;
	color: var(--gaia-font-color);
}
.headerText {
	display: inline-block;
	/*min-width: 48%;*/
	height: 4vh;
}
#headerFirstRow {
	padding-top: 10px;
	padding-left: 20px;
	font-weight: bold;
}

.headerRow ul {
	margin-top: -10px;
	list-style-type: none;
}
.headerMenu {
	float: left;
	display: block;
	text-align: center;
	border: 1px solid var(--gaia-background-color);
	padding: 8px;
	min-width: 5vw;
	color: var(--gaia-font-color);
	font-weight: bold;
}
#searchHeadIcon {
	display: inline;
}
#openSearchHeader {
    margin-left: 20px;
}

.mapdiv {
    position:absolute;
    top: 0;
    right:0;
    bottom:0;
    left:0;
    padding:0;
    overflow:hidden;
    background-color:var(--gaia-background-color);
    z-index: 1;
    width:100%;
}

/* @TODO noch benötigt ? */
.map {
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
    overflow:hidden;
    cursor:pointer;
}

/* Container der Übersichtskarte und der Box */
.gaia-ov-container {
    margin: 0;
    padding: 0;
    overflow: hidden!important;
}

/* Übersichtskarte selbst und Box */
.gaia-ov {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Übersichtskarte selbst */
.gaia-ov-map {
    cursor: pointer;
}

/* Box, den aktuellen Kartenauschnitt symbolisierend */
.gaia-ov-box {
    border: 2px solid rgba(255,0,0,0.8);
    background-color: rgba(255,0,0,0.1);
}

/* @TODO noch benötigt ? */
.closeButton {
    position:absolute;
    top:3px;
    left:2px;
    width:16px;height:14px;
    cursor:pointer;
    border:0 solid black;
    z-index:101;
}

/*
 Slider der Vergleichsansicht und der Bildschirmkalibrierung
 - an den Rändern der Karte zum Einschränken der Sichtbarkeit
 - am rechten Rand links von der rechten Buttonleiste für Transparenz
 - am unteren Rand oberhalb der Statusbuttonleiste für Breite des Fensters im Spionmodus
 - im Dialog "Technische Einstellungen"
 */
.gaia-slider {
    display:flex!important;  /* vertikale oder horizonale Zentrierung der .showLine und der Schieber */
    position: absolute;
    margin: 0;
    padding: 0;
}

.gaia-slider:hover {
    background-color: var(--gaia-background-color);
}

/* Um beim Initialisieren der Slider den Offset richtig
   bestimmen zu können, obwohl die Slider nicht sichtbar sind, mit
   visibility statt display arbeiten!
 */
.gaia-slider.hide,
#compareView.hide
{
    visibility:hidden
}

.gaia-slider.left,
.gaia-slider.right,
.gaia-slider.opacity
{
    justify-content:center;
}

.gaia-slider.top,
.gaia-slider.bottom,
.gaia-slider.size
{
    align-items:center;
}

.gaia-slider.left {
    left: 0;
    top: var(--gaia-slider-edge);
    bottom: var(--gaia-slider-edge);
    width: var(--gaia-slider-width);
    /*background-color: red;*/
}

/*#slider3,#slider4,#slider7,#slider8*/
.hdl.hdlimg1
{
    display:flex;
    justify-content:center;
}

.gaia-slider.right {
    right: 0;
    top: var(--gaia-slider-edge);
    bottom: var(--gaia-slider-edge);
    width: var(--gaia-slider-width);
    /*background-color: green;*/
}

.gaia-slider.top {
    top: 0;
    left: var(--gaia-slider-edge);
    right: var(--gaia-slider-edge);
    height: var(--gaia-slider-width);
    /*background-color: blue;*/
}

.gaia-slider.bottom {
    bottom: 0;
    left: var(--gaia-slider-edge);
    right: var(--gaia-slider-edge);
    height: var(--gaia-slider-width);
    /*background-color: yellow;*/
}

/*#slider1,#slider2,#slider5,#slider6*/
.hdl.hdlimg0
{
    display:flex;
    align-items:center;
}

.gaia-slider.opacity {
    top: calc(var(--gaia-sidebar-btn-height) * 4 + var(--gaia-sidebar-btns-margin) * 9);
    height: 200px;
    width: var(--gaia-slider-width);
    border-top: var(--gaia-slider-ends-width) solid var(--gaia-font-color);
    border-bottom: var(--gaia-slider-ends-width) solid var(--gaia-font-color);
    /*background-color: magenta;*/
}

.gaia-slider.opacity .labelTop,
.gaia-slider.opacity .labelBottom {
    position: absolute;
    right: var(--gaia-slider-width);
    padding:var(--commonDistance);
    color: var(--gaia-font-color);
	border-color: var(--gaia-btns-border-color);
	border-radius: var(--gaia-btns-border-radius);
    background-color: var(--gaia-background-color_transparency);
}

.gaia-slider.opacity .labelTop:hover,
.gaia-slider.opacity .labelBottom:hover {
    color: var(--gaia-background-color);
    background-color: var(--gaia-font-color);
}

.gaia-slider.opacity .labelTop {
    top: 0;
}

.gaia-slider.opacity .labelBottom {
    bottom: 0;
}

.gaia-slider.opacity .labelTop:before {
    content: "durchsichtig";
}

.gaia-slider.opacity .labelBottom:before {
    content: "undurchsichtig";
}

@media only screen and (max-height: 512px) {
    .gaia-slider.opacity {
        display:none;
    }
}

/**
  * Slider für Größe des Fensters(Spion) in der Vergleichsansicht
 */
.gaia-slider.size {
    bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) + 2 * var(--gaia-sidebar-btns-margin) + 3px);
    right: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height)  + 2 * var(--gaia-sidebar-btns-margin) + 3px);
    width: 400px;
    height: var(--gaia-slider-width);
    border-left: var(--gaia-slider-ends-width) solid var(--gaia-font-color);
    border-right: var(--gaia-slider-ends-width) solid var(--gaia-font-color);
    /*background-color:red;*/
}

@media only screen and (max-width: 512px), (max-height: 512px) {
    .gaia-slider.size {
        width: 200px;
    }
}

.gaia-slider .intern {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    cursor:pointer;
}

.gaia-slider .intern.horizontal {
    width: 100%;
    height: var(--gaia-slider-width);
}

.gaia-slider .intern.vertical {
    width: var(--gaia-slider-width);
    height: 100%;
}

.gaia-slider .showLine {
    margin: auto; /* horizontale Zentrierung der .showLine in denvertikalen Schiebern s.o. .gaia-slider */
    padding: 0;
    background-color: var(--gaia-font-color);
    border: 0;
}

.gaia-slider .showLine:hover {
    background-color: var(--gaia-background-color);
}

.gaia-slider .showLine.horizontal {
    width: 100%;
    height: 5px;
}

.gaia-slider .showLine.vertical {
    display:block;
    width: 5px;
    height: 100%;
}

/**
 * Slider zur Feststellung der Bildschirmauflösung
 */
#trackRes {
    margin-top:15px;
}

/**
 * Kein Slider sondern ein Vergleichsbalken i.Zhg. mit
 * Feststellung der Bildschirmauflösung
 */
#sliderCm {
    height:20px;
    background-color:orange;
    text-align:center;
    margin-top:20px;
}

.gaia-slider .hdl {
     position: absolute;
     /*top: 0;
     left: 0;*/
     cursor: pointer;
}

.gaia-slider .hdl:hover {
    filter: invert(1);
}

/* Pfeil als Süd oder Nord eingesetzt */
.gaia-slider .hdl.hdlimg0 {
    width: calc(var(--gaia-slider-handle-size) - 1);
    height: var(--gaia-slider-handle-size);
}

/* Pfeil als Ost oder West eingesetzt */
.gaia-slider .hdl.hdlimg1 {
    width: var(--gaia-slider-handle-size);
    height: calc(var(--gaia-slider-handle-size) - 1);
}

/* Doppelpfeil West|Ost */
.gaia-slider .hdl.hdlopacity {
    width: 22px;
    height: 15px;
}

/* E N D E Slider der Vergleichsansicht und der Bildschirmkalibrierung */



.activeDIV_full {
    height: 98%;
}

/* Einstellungen */

body {
    margin: 0;
    background-color: var(--gaia-background-color);
}

/* #importManager,#exportManager, #printManager, #settings
   Die eigentliche Seite wird im internen Dialog oder
   im externem Fenster in einem IFRAME geladen.
   Im Moment die Dialoge, die aus mehreren
   aufeinanderfolgenden Seiten bestehen bzw. die
   Druckeinstellungsdialoge innerhalb des Einstellungsdialogs.
*/
iframe.dialogInternalSiteFrame {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/** Wichtig für Unterdialoge im IFRAME ohne
  * linker Schaltknopfleiste zur Auswahl
  * der Unterdialoge.
  */
iframe.dialogInternalSiteFrame.absolut {
    position: absolute;
}

/** Wichtig für Unterdialoge im IFRAME mit
  * linker Schaltknopfleiste zur Auswahl
  * der Unterdialoge.
  *  Sonst erscheint Auswahlleiste nicht !
  */
iframe.dialogInternalSiteFrame.relativ {
    position: relative;
}

/* Buttoncontainer, oben rechts auf der Seite,
   wird in Dialoge, die extern angezeigt werden, verwendet.
   z.B. Einstellungs- und Suchdialoge
*/
.prefGlobalDialogButtons {
    position: absolute;
    top: calc(var(--commonDistance) * 3);
    right: calc(var(--commonDistance) * 4);
    font-size: var(--gaia-sidebar-font-size)!important;
}

/* Druck-, Import-, Exportseiten*/
.prefGlobalDialogButtons.surroundingSite {
    top: 0!important;
}

.prefGlobalDialogButtons button {
    cursor:pointer;
    width: calc(var(--gaia-sidebar-btn-height-normal) / 1.5);
    height: calc(var(--gaia-sidebar-btn-height-normal) / 1.5);
    background-color: var(--gaia-background-color);
    color: var(--gaia-font-color);
    border:0;
}

.prefGlobalDialogButtons button:hover,
.prefGlobalDialogButtons button:active,
.prefGlobalDialogButtons button:focus {
    width: var(--gaia-sidebar-btn-width-normal);
}

.prefGlobalDialogButtons button span::after {
    display:none;
}

.prefGlobalDialogButtons button:hover span,
.prefGlobalDialogButtons button:active span,
.prefGlobalDialogButtons button:focus span {
    display: flex;
    flex-direction: row;
}

.prefGlobalDialogButtons button:hover span::before,
.prefGlobalDialogButtons button:active span::before,
.prefGlobalDialogButtons button:focus span::before {
    width:15%;
}

.prefGlobalDialogButtons button:hover span::after,
.prefGlobalDialogButtons button:active span::after,
.prefGlobalDialogButtons button:focus span::after {
    display:flex;
    width:75%;
    font-size: calc(var(--gaia-sidebar-font-size) - 4px);
    align-items: center;
    justify-content: left;
    white-space: pre;
}

#prefBody {
    height: auto;
    max-height: 80vh;
    width: 95%;
    vertical-align: top;
    font-family: "Roboto Reg";
}

#prefMenu {
    /*height: auto;*/
    min-width: 50px;
    vertical-align: middle;
    padding: 10px;
}

#prefContent {
    color: var(--gaia-font-color);
    vertical-align: top;
    padding-left: 10px;
}

/* Top wurde auf 5 Pixel gesetzt, bzgl. optimaler
   Darstellung der externen Schaltknöpfe
*/
#prefContent form {
    position: relative;
    top: 5px;
    color: var(--gaia-font-color);
    vertical-align: top;
    padding-left: 10px;
}

/* IFrames ohne Scrollbalken.
    Anstelle des Iframes besitzt dann der Dialog
   den Scrollbalken, wenn Breite des IFrames 100 % ist
   und Höhe etwas größer als notwendig gesetzt wird
   @see css von iframe.dialogInternalSiteFrame
   @see Funktion loadSettingSubDlgContent() 30 Pixel
   zur Offsethöhe dazuaddiert.
   Beispiel: Druckdialoge innerhalb des
    Einstellungsdialogs
*/
#prefContent iframe.dialogInternalSiteFrame
{
    overflow: hidden;
}

/* responsive Design */
@media only screen and (max-width: 550px) {
    #prefMenu {
        display: block;
        width: 95%;
    }

    #prefContent {
        position: absolute;
        display: block;
        width: 95%;
        height: auto;
        border-left: 0;
        border-top: 1px solid var(--gaia-font-color);
    }

    #prefContent.hundert {
        height: 100%!important;
        /* sonst Scrollbalken (y) bei Einstellungsdialoge Druck sichtbar */
        width: 100%!important;
    }

    .ui-dialog .ui-dialog-content[data-dlgindex=settings] {
        overflow-x:hidden!important; /* wegen obiger 100% */
    }
}

@media only screen and (min-width: 551px) {
    #prefMenu {
        display: inline-block;
        width: 25%;
    }

    #prefContent {
        position: absolute;
        display: inline-block;
        width: 65%;
        height: 95%;
        border-left: 1px solid var(--gaia-font-color);
        border-top: 0;
    }

    /* sonst Scrollbalken (y) bei Einsteelungsdialoge Druck sichtbar */
    #prefContent.hundert {
        width: 100%!important;
    }

    .ui-dialog .ui-dialog-content[data-dlgindex=settings] {
        overflow-x:hidden!important; /* wegen obiger 100% */
    }
}

#prefContent td {
    font-family: "Roboto Reg";
}

.prefMenuPoint {
    display: inline-block;
    width: 100%;
}

.prefMenuPointIcon {
    display: inline-block;
    width: var(--gaia-sidebar-btn-height);
    height: var(--gaia-sidebar-btn-height);
    font-family: "Font Awesome 6 Free Reg"!important;
    font-weight: 600;
	font-size: calc(var(--gaia-sidebar-font-size) * 1.5);
    vertical-align: middle;
}

.prefMenuPointIcon::before {
    vertical-align: middle;
}

.prefMenuPointText {
    display: inline-block;
    width: 75%;
    height: 15%;
    font-size: var(--gaia-sidebar-font-size);
    vertical-align: middle;
}

/* Hauptmenüpunkte des Einstellungsdialogs */
#prefProjection::before {
    content: "\F279";
}

#prefQuery::before {
    content: "\F059";
}

#prefDrawing::before {
    content: "\F044";
}

#prefTechnical::before {
    content: "\F185";
}

#prefThemes::before {
    content: "\F022";
}

#prefPrint::before {
    content: "\F1C5";
}

#prefPrintPage::before {
    content: "\F15B";
}

/* Hauptmenüpunkte des erweiterten Suchdialogs */

.prefMenuPointIcon.awe {
	font-family: 'Font Awesome 6 Free'!important;
	font-weight: 900;
}

#prefSearchSimple::before {
    content: "\F031";
}

#prefSearchCoords::before {
    content: "\F3C5";
}

#prefSearchComplex::before {
    content: "\F439";
}

#prefSearchList::before {
    content: "\F574";
}

.colorInput {
    text-align: right;
}

.styleInlineBlock {
    display: inline-block;
    vertical-align: top;
}

/* Menüpunkte in der Form von Buttons
   Beispiele sind im Dialog "Einstellungen"
   zu finden.
*/
/* alle Optionen */
.prefChoice {
    border-color: var(--gaia-btns-border-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-radius: var(--gaia-btns-border-radius);
    width: 130px;
    margin: 2px;
    padding: var(--commonDistance);
    cursor: pointer;
}

/* Optionen nicht ausgewählt, im Focus o.ä. */
.prefChoice:not([aria-selected="true"],:hover,:focus,:active) {
    color: rgb(var(--baseColor1));
    background-color: rgb(var(--baseColor0));
    border-color: var(--gaia-btns-border-color);
    box-shadow: 1px 1px rgb(var(--baseColor3)), 0 0 1px 1px rgb(var(--baseColor2));
}

/* Optionen ausgewählt
   s.a.  .stacked-pk-theme.gaia-sidebar .sidebar li.pk-content a.activeButton
*/
.prefChoice[aria-selected="true"] {
    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;
}

/* Optionen hover focus active */
.prefChoice:hover, .prefChoice:focus, .prefChoice:active {
    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);
}

.prefChoice.fett {
    font-weight: bold;
    padding-bottom: 10px;
}

.newLineButton {
	width: 95%;
	display: block;
}
input#sliderLineWidth {
    width: 90%;
}

.projSelect {
	width: 90%;
}

#map_unit_dist-button.ui-selectmenu-button.ui-button {
    /*width: 5em;*/
}

#externWindow {
    /*width: 95vw;
    height: 100vh;*/
}

#closeWindow::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: "\F00D";
    padding: 3px var(--commonDistance) 3px var(--commonDistance);
    border: 1px solid var(--gaia-background-color);
}

/**********************************************/
/*   Vergleichsansicht mit Sidebar und Regler */
/**********************************************/

div#compareView {
    position: absolute;
    top: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) * 2.5 + var(--gaia-sidebar-btns-margin));
    right: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-btn-height) * 2.4);
}

/* responsive Design */
@media only screen and (max-width: 512px) {
    div#compareView {
        right: calc( 1.5 * var(--gaia-sidebar-margin));
    }
}

@media only screen and (min-width: 256px) and (max-width: 512px) {
    input.butFormat {
        margin: 0!important;
    }

    .menuPoint {
        font-size: 1.5em;
    }

    .menuPoint span {
        font-size: 12px;
        font-family: "Roboto Reg";
    }

    .mapdiv {
        top: 0; /* top:9vh;*/
    }

    div#unterHeaderDiv {
        display: block;
    }

    div.menuIconsTitle,
    div#nameTitle, div.headerLogo, div#unterHeaderDiv2,
    div#toggleLayout {
        display: none;
    }

    /* Position der Meldungsliste oberhalb des Infoschaltknopfes
    incl. Höhe des Seitenfooters var(--gaia-font-size)*/
    #gaiaMsgList {
        bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-font-size) * 1.6 + var(--gaia-sidebar-btns-margin));
    }

    table.mobileMenuTable, div#headerHelper {
        width: 100%;
    }

    .headerIcons {
        transform: scale(0.7);
    }

    div#anmelden {
        position: absolute;
        top:2.5vh;
        left: 110px;
        transform: scale(1.2);
    }

    div#searchDiv {
        width: 68vw;
        left: 15vw;
    }

    div.breakWhenSmall {
        display: block;
    }
}

@media only screen and (min-width: 513px) and (max-width: 1023px) {
    input.butFormat {
        margin: 0!important;
    }

    .menuPoint {
        font-size: 1.5em;
    }

    .menuPoint span {
        font-size: 12px;
        font-family: "Roboto Reg";
    }

    .mapdiv {
        top: 0; /* top:9vh;*/
    }


  	div#unterHeaderDiv {
        display: block;
    }

    div.menuIconsTitle,
    div#nameTitle, div.headerLogo, div#unterHeaderDiv2,
    div#toggleLayout {
        display: none;
    }

    /* Entfernung der Meldungsliste und des Infoschaltknopfes vom linken Rand */
    div#gaiaMsgList {
        bottom: calc(var(--gaia-sidebar-margin) + var(--gaia-sidebar-font-size) * 1.8 + var(--gaia-sidebar-btns-margin));
    }

    table.mobileMenuTable, div#headerHelper {
        width: 100%;
    }

    .headerIcons {
        transform: scale(0.7);
    }

    div#anmelden {
        position: absolute;
        top:2.5vh;
        left: 110px;
        transform: scale(1.2);
    }

    div#searchDiv {
        width: 68vw;
        left: 15vw;
    }

	div.breakWhenSmall {
	   display: block;
	}
}

/****************/
/*   Dialoge    */
/****************/

.ui-dialog-content[data-dlgindex=themeManager],
[data-dlgindex=exportManager], [data-dlgindex=importManager],
[data-dlgindex=settings], [data-dlgindex=printManager],
[data-dlgindex=queryManager], [data-dlgindex=personal] {
    margin-top: 15px;
}

.ui-dialog_overview_legend,
.ui-dialog_search
{
    width: auto !important;
    height: auto !important;
    /*border: 0 !important;*/
}

.ui-dialog_overview_legend
{
    padding: 0 !important;
}

.ui-dialog-content_overview_legend {
    padding: 0 !important;
}

.ui-dialog-content_search {
}

/****************/
/* fontswitcher */
/****************/

ul.fontswitcher {
    list-style: none;
    margin-top: 0;
}

ul.fontswitcher li a  {
    display: block;
    float: right;
    position: relative;
    width: 19px;
    height: 23px;
    margin-right: var(--commonDistance);
    padding: 1px 3px;
    text-align: center;
    line-height: 23px;
    color: var(--gaia-font-color);
    background-color: var(--gaia-background-color);
    border-width: var(--gaia-btns-border-width);
    border-style: var(--gaia-btns-border-style);
    border-color: var(--gaia-btns-border-color);
    border-radius: var(--gaia-btns-border-radius);
    font-size: 1em;
    list-style: none;
    text-decoration: none;
}

ul.fontswitcher li a::before {
    font-family: "icons_regportal";
}

ul.fontswitcher li a.font_normal::before {
    content: '\e601';
}

ul.fontswitcher li a.font_big::before {
    content: '\e602';
}

ul.fontswitcher li a.dvz-contrast-button::before {
    font-size: 1.7em;
    font-weight: 900;
}

/* Fontsize ändern */
.font_big, .font_big p, .font_big input, .font_big h1, .font_big h2,
.font_big li, .font_big select, .font_big button, .font_big td,
.font_big textarea,
.font_big .msgListItemMain *
{
    font-size: 1.0em !important;
}

.font_big .infoBox,
.font_big .warningBox,
.font_big .errorBox
{
    font-size: 0.85em;
}

.font_big .gaia-button110 {
    width: 150px;
}

.font_big #openSearchHeader {
    margin-left: 0;
}

/*  Breite der Label der Buttons der Menüdialoge vergößern
    Orientierung an der Menüoption "Extras->Einstellungen"
    130px auf 200px
    55px auf 85px
*/
.font_big .menuPointMobile.__labeled {
    width: 200px;
    height: 85px;
}

/* Abmessungen nur für Symbole der Buttons der Menüdialoge ändern */
.font_big .menuPointMobile.__unlabeled {
    width: 2em;
    height: 2em;
}

/* Orientierung an der Option "Einstellungen" im Menü "Extras" */
.font_big .menuPoint::after {
    width:100%;
}

/*  Fontsize der Menübuttons vergößern
    important wichtig i. Zhg. mit hover !!!
*/
.font_big .menuPoint::before,
.font_big .menuPoint::after,
.font_big div.icon-sym::before,
.font_big div.icon-sym::after,
.font_big span.icon-sym::before,
.font_big span.icon-sym::after {
    font-size: calc(var(--gaia-sidebar-font-size) + 4px) !important;
}

/* Symbol zum externen/internen Öffnen der Dialoge */
.font_big .prefGlobalDialogButtons button:hover,
.font_big .prefGlobalDialogButtons button:active,
.font_big .prefGlobalDialogButtons button:focus {
    width: calc(var(--gaia-sidebar-btn-width-big) * 1.3);
    height: var(--gaia-sidebar-btn-height-big);
}

/* Einstellungsdialog und Dialog der erweiterten Suche */
/* Vorauswahlmenü und Inhalt untereinander anzeigen */
.font_big #prefMenu,
.font_big #prefContent
{
    width:100%!important;
}

.font_big .prefMenuPointIcon {
    width:var(--gaia-sidebar-btn-width-big);
}

.font_big .prefMenuPointText {
    font-size: 1.5em;
}

/* Breite der Auswahlbuttons in den Einstellungsdialogen vergrößern */
.font_big .prefChoice {
    width: 180px;
}

/*  Breite der Buttons der Sidebars unten rechts vergößern
    Orientierung an der Option "Zeichenelemente auswählen" */
.font_big .stacked-pk-theme.gaia-sidebar .sidebar_right.sidebar_bottom.__open li a,
.font_big .stacked-pk-theme.gaia-sidebar .sidebar_right.sidebar_bottom li a:hover {
    width: 310px;
}