/***** _global.scss *****/
body .ui-link:hover {
  text-decoration: none;
  color: var(--bsh-blau);
}
body .ui-inputgroup > .ui-selectonemenu:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
  font-weight: normal;
}

h3 {
  font-size: 1.3rem;
}

h4 {
  font-size: 1.3rem;
}

h5 {
  font-size: 1.2rem;
}

h6,
p,
ul {
  font-size: 1rem;
  line-height: 1.5em;
}

a i:first-child {
  margin-right: 0.5em;
}
a:hover {
  text-decoration: none;
  color: var(--bsh-blau);
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

/***** _icons.scss *****/
.pi, #flaeche #datenpakete #sortForm .ui-selectonemenu-label:after, #sortForm\:sort_panel .ui-selectonemenu-item:after, #flaeche #filter .ui-panel-titlebar .ui-panel-title::before, #flaeche #filter .filter .typCheckbox .ui-chkbox-label::before, .entry.infoIcon:first-of-type p::before {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/***** _topbar.scss *****/
#topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-active, #topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hightlight, #topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hover {
  background-color: var(--bsh-blau80);
}
#topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-active .ui-menuitem-text, #topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hightlight .ui-menuitem-text, #topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
  color: white;
}
@media screen and (max-width: 830px) {
  #topbar-appmenu-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
    padding: 0.6rem;
  }
}

.topbar-lang-menu.ui-menu {
  width: 110px;
}

#submenu-daten ul {
  width: 22.2em;
}

#submenu-lang {
  border-left: 1px dotted var(--bsh-blau10);
}
#submenu-lang .ui-menuitem-icon {
  width: 22px !important;
  height: 16px !important;
}
#submenu-lang > a .ui-menuitem-icon {
  margin-right: 0;
}
#submenu-lang > a .ui-menuitem-text {
  display: none;
}
#submenu-lang ul {
  width: 8.4em;
}
#submenu-lang ul .ui-state-disabled {
  display: none;
}
#submenu-lang .flag.de.ui-icon, #submenu-lang .flag.de.ui-button-text {
  background-image: url("/jakarta.faces.resource/images/flagge_de.png.xhtml?ln=pintaweb");
}
#submenu-lang .flag.en.ui-icon, #submenu-lang .flag.en.ui-button-text {
  background-image: url("/jakarta.faces.resource/images/flagge_en.png.xhtml?ln=pintaweb");
}

#topbar-app a, #topbar-app a:hover, #topbar-app span {
  font-weight: bold;
}
#topbar-app #topbar-app-logo span {
  display: inline-block;
  vertical-align: middle;
  margin: 31px 0 0 0;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  #topbar-app #topbar-app-logo span {
    margin: 45px 0 0 0;
    font-size: 28px;
  }
}
#topbar-app #topbar-app-title a {
  font-size: 1.3rem;
}
@media screen and (min-width: 670px) {
  #topbar-app #topbar-app-title a {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 700px) {
  #topbar-app #topbar-app-title a {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 720px) {
  #topbar-app #topbar-app-title a {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 768px) {
  #topbar-app #topbar-app-title a {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  #topbar-app #topbar-app-title a {
    font-size: 2.2rem;
  }
}

#topbar-appmenu-burger {
  width: 17em;
}
#topbar-appmenu-burger h3 {
  font-weight: bold;
  color: black;
}
#topbar-appmenu-burger .lang {
  border-top: 1px dotted var(--gray-400);
  padding-top: 1.5rem;
  margin-top: 0.5rem;
}

/***** _content.scss *****/
body .textContainer {
  padding: 1em;
  background-color: white;
}
body .welcomePanel h1 {
  font-size: 1.6em;
  font-weight: normal;
}
body .infoPanel {
  border: 2px solid var(--bsh-blau);
  background-color: var(--bsh-blau10);
}
body .infoPanel .ui-widget-content {
  background: none;
}
body .flexPanel {
  display: flex;
}
body .flexPanel > .ui-panel-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
body .nichtFreigegeben {
  position: relative;
  background-color: var(--gray-300);
  border: 1px dashed var(--gray-500);
  color: var(--gray-600);
  padding-right: 1.5rem;
}
body .nichtFreigegeben::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f05e";
  font-family: "FontAwesome";
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: var(--bsh-rot);
}

/***** _button.scss *****/
body .ui-button.ui-button-text-icon-left .ui-icon {
  left: 1rem;
}

/***** _button.scss *****/
body .errorDlg {
  max-width: 600px;
}
body .urlDlg .ui-dialog-titlebar .ui-dialog-title {
  font-size: 1em;
}
body .urlDlg h3 {
  font-size: 1.15em;
}
body .urlDlg h3 button {
  vertical-align: 2px;
}
body .urlDlg h3 .note {
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 1em;
}
body .urlDlg .code {
  font-family: "Roboto Mono", monospace !important;
  border: 2px solid var(--bsh-blau);
  word-break: break-all;
  text-indent: -1em;
  padding: 0.5em 0.5em 0.5em 1.5em;
}
@media screen and (min-width: 992px) {
  body .urlDlg {
    max-width: 90%;
  }
}

/***** _start.scss *****/
#infoKasten h2 {
  font-weight: normal;
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  color: var(--bsh-rot);
}
#infoKasten h3 {
  font-size: 1.1rem;
}

.entry {
  margin-bottom: 1em;
}
.entry.infoIcon:first-of-type p::before {
  content: "\e924";
  display: block;
  font-size: 1.3em;
  text-align: center;
  color: var(--bsh-blau);
  float: left;
  padding-right: 0.3em;
}
.entry:last-of-type {
  margin-bottom: 0;
}

.flaechen h2, .flaechen h3 {
  font-weight: normal;
}
.flaechen .flaechenTeaser.abgeschlossen > div {
  border-style: solid;
  border-color: var(--surface-border);
  border-width: 0;
  border-bottom-width: 1px;
}
.flaechen .flaechenTeaser.abgeschlossen:first-of-type > div {
  border-top-width: 1px;
}
.flaechen .flaechenTeaser h4 {
  font-weight: normal;
  font-size: 1.6rem;
}
.flaechen .flaechenTeaser .ui-widget {
  font-size: inherit;
}
.flaechen .flaechenTeaser img {
  width: 100%;
}
.flaechen .flaechenTeaser p a {
  margin-right: 1em;
}

/***** _flaeche.scss *****/
#flaeche h2.zeitraum {
  font-size: 1.2rem;
  font-weight: normal;
}
#flaeche .ui-tabs-panel {
  padding: 1rem 0.5rem;
}
#flaeche .ui-tabs-header {
  padding: 0;
}
#flaeche .ui-tabs-header:has(a:focus) {
  background-color: var(--bsh-blau10);
}
#flaeche .ui-tabs-header a {
  padding: 1rem 1.5rem;
}

/***** _flaeche_info.scss *****/
#flaeche .infoBild {
  text-align: center;
}
#flaeche .infoBild a {
  cursor: zoom-in;
}
#flaeche .infoBild img {
  display: block;
  width: 100%;
  background-color: white;
  padding: 5px;
}
#flaeche .infoBild .beschreibung {
  margin-top: 0.3em;
  font-size: 0.9em;
}
#flaeche #gallerie .ui-galleria-close, #flaeche #gallerie .ui-galleria-item-nav {
  z-index: 999;
  color: white;
  text-shadow: 1px 1px 1px var(--bsh-blau), -1px 1px 1px var(--bsh-blau), -1px -1px 1px var(--bsh-blau), 1px -1px 1px var(--bsh-blau);
}
#flaeche #gallerie .infoBild {
  height: 100vh;
}
#flaeche #gallerie .infoBild img {
  width: auto;
  max-width: 95%;
  max-height: 90%;
}
#flaeche #gallerie .infoBild .beschreibung {
  color: white;
}

/***** _flaeche_filter.scss *****/
#flaeche #filter .ui-input-icon-left > i {
  width: auto;
}
#flaeche #filter .ui-input-button-right > button {
  display: inline-block;
  position: absolute;
  top: 11%;
  width: auto;
  height: auto;
  line-height: 1;
  right: 0.5rem;
}
#flaeche #filter .ui-input-button-right > button:hover, #flaeche #filter .ui-input-button-right > button:focus {
  background: transparent;
}
#flaeche #filter .ui-panel-titlebar {
  color: white;
  background-color: var(--bsh-blau);
}
#flaeche #filter .ui-panel-titlebar .ui-panel-title {
  font-size: 1em;
  font-weight: normal;
}
#flaeche #filter .ui-panel-titlebar .ui-panel-title::before {
  font-size: 0.9em;
  margin-right: 0.5em;
}
#flaeche #filter .ui-panel-titlebar .ui-panel-titlebar-icon {
  height: 28px;
  width: 29px;
  line-height: 2em;
  color: white;
}
#flaeche #filter .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  background-color: var(--bsh-blau80);
}
#flaeche #filter .filterGroup .ui-panel-title::before {
  content: "\e94c";
}
#flaeche #filter .filterOption {
  border-radius: 4px;
}
#flaeche #filter .filterOption:hover {
  background-color: #f6f6f6;
}
#flaeche #filter .filterOption:has(:not(.ui-state-disabled).ui-state-focus) {
  background-color: var(--bsh-blau10);
}
#flaeche #filter .ui-chkbox {
  box-shadow: none !important;
}
#flaeche #filter .settingsGroup .ui-panel-title::before {
  content: "\e94a";
}
#flaeche #filter .ui-selectoneradio > div {
  border-radius: 4px;
  padding: 0.5rem;
  padding-bottom: 9px;
  margin-right: 0.5em;
}
#flaeche #filter .ui-selectoneradio > div:hover {
  background-color: #f6f6f6;
}
#flaeche #filter .ui-selectoneradio > div:has(.ui-state-active:not(.ui-state-disabled).ui-state-focus) {
  background-color: var(--bsh-blau10);
}
#flaeche #filter .ui-selectoneradio > div:last-child .ui-radiobutton-icon {
  left: 49%;
}
#flaeche #filter .ui-selectoneradio .ui-radiobutton .ui-radiobutton-box {
  box-shadow: none !important;
}
#flaeche #filter .exportGroup .ui-panel-title::before {
  content: "\e9f8";
}
#flaeche #filter .ui-panel:not(.ui-panel-collapsed) .ui-panel-titlebar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#flaeche #filter h4 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 0.5em;
}
#flaeche #filter h4:first-of-type {
  margin-top: 0;
}
#flaeche #filter h5 {
  color: var(--gray-600);
  font-size: 1em;
  font-weight: bold;
  margin-top: 1em;
}
#flaeche #filter .filter {
  border-top: 1px solid var(--bsh-blau40);
  padding-top: 1em;
  margin-top: 1em;
}
#flaeche #filter .filter:first-of-type {
  border-top-width: 0;
  padding-top: 0;
  margin-top: 0;
}
#flaeche #filter .filter .grid {
  max-width: 330px;
}
#flaeche #filter .filter .typCheckbox .ui-chkbox-label::before {
  font-size: 16px;
  width: 16px;
  text-align: center;
  color: var(--gray-600);
  vertical-align: -2px;
}
#flaeche #filter .filter .typCheckbox .ui-chkbox-label::before {
  margin-right: 0.5em;
}
#flaeche #filter .filter .typDaten .ui-chkbox-label::before {
  content: "\e969";
}
#flaeche #filter .filter .typProdukt .ui-chkbox-label::before {
  content: "\e9d9";
}
#flaeche #filter .filter .typBericht .ui-chkbox-label::before {
  content: "\e9ba";
}
#flaeche #filter .filter .typDokument .ui-chkbox-label::before {
  content: "\e958";
}
#flaeche #filter .exportBtn {
  margin-right: 1em;
  margin-bottom: 1em;
}

/***** _flaeche_liste.scss *****/
#flaeche #datenpakete .infoPanel a {
  cursor: pointer;
}
#flaeche #datenpakete .helpLink .ui-widget {
  font-size: 1.2rem;
}
#flaeche #datenpakete .helpLink .ui-widget i {
  font-size: 1.1em;
  vertical-align: -0.1em;
}
#flaeche #datenpakete h2.datensaetze {
  font-size: 1.2rem;
}
#flaeche #datenpakete #sortForm .ui-outputlabel {
  padding: 0.7em;
}
#flaeche #datenpakete #sortForm .ui-selectonemenu-label {
  padding: 0.7em 3rem 0.7em 0.7em;
}
#flaeche #datenpakete #sortForm .ui-selectonemenu-label:after {
  font-size: 16px;
  width: 16px;
  color: var(--gray-600);
  vertical-align: middle;
  margin-left: 0.5em;
}
#flaeche #datenpakete #sortForm .ui-selectonemenu-label[aria-activedescendant="sortForm:sort_1"]:after {
  content: "\e99c";
}
#flaeche #datenpakete #sortForm .ui-selectonemenu-label[aria-activedescendant="sortForm:sort_2"]:after {
  content: "\e998";
}
#flaeche #datenpakete #sortForm .ui-selectonemenu-label[aria-activedescendant="sortForm:sort_3"]:after {
  content: "\e958\e9ba\e9d9\e969";
  letter-spacing: 0.2em;
}
#flaeche #datenpakete #tdpAccordion .md5Hidden, #flaeche #datenpakete #tdpAccordion .hiddenBySearch, #flaeche #datenpakete #tdpAccordion .hiddenByTypFilter, #flaeche #datenpakete #tdpAccordion .hiddenByThemenFilter, #flaeche #datenpakete #tdpAccordion .hiddenByRevisionFilter {
  display: none !important;
}
#flaeche #datenpakete #tdpAccordion mark {
  font-family: inherit !important;
  color: inherit;
  padding: 0.25em 0.1em;
  background-color: var(--bsh-blau10);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header {
  color: var(--bsh-blau);
  padding: 1em;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .typIcon {
  font-size: 16px;
  width: 16px;
  vertical-align: -1px;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .typIcon.typBericht:before {
  content: "\e9ba";
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .typIcon.typProdukt:before {
  content: "\e9d9";
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .typIcon.typDaten:before {
  content: "\e969";
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .typIcon.typDokument:before {
  content: "\e958";
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header h3 {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header h3 .teildatenpaketName {
  margin-right: 1em;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header h3 .datensatzCount {
  color: var(--gray-600);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .ui-tag {
  margin: 0.25rem 1rem 0.25rem 0;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .ui-tag:last-child {
  margin-right: 0;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header .ui-tag.revision {
  background-color: var(--bsh-violett);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-tabs-outline {
  background-color: var(--bsh-blau10);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-state-active {
  color: white;
  background-color: var(--bsh-blau);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
  background-color: var(--bsh-blau90);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-state-active .datensatzCount {
  display: none;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-state-active .ui-tag {
  background-color: white;
  color: var(--bsh-blau);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-state-active .ui-tag.revision {
  color: var(--bsh-violett);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-header.ui-state-active mark {
  background-color: var(--bsh-blau80);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content {
  padding: 0;
  border: 2px solid var(--bsh-blau);
  border-top-width: 0;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content > div {
  padding: 1rem;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .tdpDescriptionPanel {
  background-color: var(--bsh-blau10);
  border: 0 solid var(--bsh-blau);
  border-bottom-width: 1px;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .datensatzContainer {
  border: 0 solid var(--bsh-blau20);
  border-top-width: 1px;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .datensatzContainer:first-child,
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .tdpDescriptionPanel + .datensatzContainer,
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .revision + .datensatzContainer,
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .datensatzContainer.partial {
  border-top-width: 0;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content h4 {
  font-size: 1em;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content h4 .ui-tag {
  vertical-align: 2px;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content h4 .ui-tag.revision {
  background-color: var(--bsh-violett);
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content label {
  margin-right: 0.25em;
  font-size: inherit;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content label:after {
  content: ":";
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .datensatzDateiPanel span {
  font-family: "Roboto Mono", monospace;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .downloadBtn {
  white-space: nowrap;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .unlockDownloadBtn.de, #flaeche #datenpakete #tdpAccordion .ui-accordion-content .startDownloadBtn.de {
  min-width: 190px;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .unlockDownloadBtn.en, #flaeche #datenpakete #tdpAccordion .ui-accordion-content .startDownloadBtn.en {
  min-width: 158px;
}
#flaeche #datenpakete #tdpAccordion .ui-accordion-content .downloadHelpBtn.ui-button.ui-button-icon-only .ui-icon {
  top: 43%;
  left: 43%;
  font-size: 1.4em;
}

#sortForm\:sort_panel .ui-selectonemenu-item:after {
  font-size: 16px;
  width: 16px;
  color: var(--gray-600);
  vertical-align: middle;
  margin-left: 0.5em;
}
#sortForm\:sort_panel #sortForm\:sort_1:after {
  content: "\e99c";
}
#sortForm\:sort_panel #sortForm\:sort_2:after {
  content: "\e998";
}
#sortForm\:sort_panel #sortForm\:sort_3:after {
  content: "\e958\e9ba\e9d9\e969";
  letter-spacing: 0.2em;
}

/***** _help.scss *****/
#help .tableOfContents {
  float: right;
  width: 100%;
  margin-bottom: 1em;
}
@media screen and (min-width: 800px) {
  #help .tableOfContents {
    width: auto;
    max-width: 500px;
    margin-left: 1em;
  }
}
#help .tableOfContents .title {
  font-weight: bold;
}
#help .tableOfContents ul {
  padding-left: 1.5em;
  margin-bottom: 0;
}
#help img {
  border: 1px solid var(--bsh-blau);
  padding: 3px;
  margin-right: 1em;
  margin-top: 2em;
  max-width: 100%;
}
#help h2 + img {
  margin-top: 0;
}
#help h3 {
  margin: 0.5em 0 0 0;
}
#help p {
  margin: 0.5em 0;
}
#help p.highlight, #help p.code, #help p.abstand {
  margin: 1em 0;
}
#help h3 + p.code {
  margin-top: 0;
}
#help p.highlight, #help a.highlight {
  border: 2px solid var(--bsh-blau);
  border-radius: 0.3em;
  padding: 0.5em;
  background-color: var(--bsh-blau10);
}
#help a.highlight {
  display: inline-block;
  font-weight: bold;
}
#help p.code {
  font-family: "Roboto Mono", monospace;
  border: 2px solid var(--bsh-blau);
  padding: 0.3em 0.5em;
  word-break: break-all;
  text-indent: -1em;
  padding-left: 1.5em;
}
#help code {
  font-family: "Roboto Mono", monospace;
  border-radius: 0.3em;
  padding: 0 0.1em;
  background-color: var(--bsh-blau10);
}

/*# sourceMappingURL=pintaweb.css.map */