@charset "UTF-8";
/* ID:16474 */
/*resize some elements*/
body.touch {
  box-sizing: border-box;
  font-size: 1em;
  margin: 0;
  padding: var(--sat) var(--sar) var(--sab) var(--sal);
  position: relative;
  text-size-adjust: none;
  /*Disables the browser's inflation algorithm.*/
  -webkit-text-size-adjust: none;
  /*Disables the browser's inflation algorithm.*/
  width: 100%;
  /*buttons innerhalb von Tabellen nicht übergroß werden lassen!*/
  /*fixes on i* devices for iframes*/
  /*changes to inline windows, e.g. history container*/
  /*Make title bar bigger, so close is easier to reach*/
  /* fix footer auf mittelgroßen Bildschirmen*/
  /* zeigt scrollbars auf android an - leider nicht auf ios*/
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body.touch:has(dialog[open]), body.touch:has(button.ui-multiselect.ui-state-active), body.touch dialog[open].main:has(button.ui-multiselect.ui-state-active) {
  overflow: hidden;
}
body.touch.unregistered header#kopf #hauptbild {
  display: none;
}
body.touch.unregistered header#kopf .user {
  display: none;
}
body.touch.unregistered header#kopf #logo {
  display: flex;
  justify-content: center;
  margin: auto;
}
body.touch .desktop {
  /*content only for desktop version*/
  display: none;
}
body.touch header#kopf {
  margin-top: var(--headerBarHeight);
  padding-left: 0;
  padding-right: var(--smallSidebarWidth);
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch header#kopf {
    padding-bottom: 1ex;
    padding-right: 0;
  }
}
@media (max-height: 600px) {
  body.touch header#kopf {
    height: 5em;
  }
}
body.touch header#kopf #headerTopBar {
  display: grid;
  font-size: 1.3em;
  grid-row: 1;
  grid-template-columns: 70px 70px 70px;
  height: var(--headerBarHeight);
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9998;
}
body.touch header#kopf #headerTopBar #homeButton {
  align-items: center;
  display: grid;
  justify-content: center;
}
body.touch header#kopf #logo {
  margin: 0;
  display: none;
}
body.touch header#kopf #logo img {
  left: 1.5em;
  right: unset;
}
@media (max-width: 600px) {
  body.touch header#kopf #logo img {
    max-height: 5rem;
    position: initial;
  }
}
body.touch header#kopf .passbild {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 0;
  width: 6em;
}
body.touch header#kopf .passbild img {
  height: 2.5rem;
}
@media (max-width: 600px) {
  body.touch header#kopf .passbild img {
    display: none;
  }
}
body.touch header#kopf #hauptbild {
  background: none !important;
  min-width: auto;
  padding: 0 1ex;
  pointer-events: none;
}
body.touch header#kopf #hauptbild:before {
  display: none;
}
body.touch header#kopf #hauptbild h1 {
  box-sizing: border-box;
  overflow: hidden;
  position: unset;
  width: 100%;
}
@media (max-height: 600px) {
  body.touch header#kopf #hauptbild h1 {
    font-size: 1.6em;
  }
}
body.touch header#kopf #hauptbild h1 span {
  margin-right: 4rem;
  overflow: visible;
  position: relative;
  white-space: unset;
}
@media (max-width: 600px) {
  body.touch header#kopf #hauptbild h1 span {
    margin-right: 1ex;
  }
}
body.touch header#kopf #hauptbild h1 span#preCaption {
  display: inline;
  overflow: unset;
  white-space: unset;
}
body.touch header#kopf #hauptbild img {
  right: 0;
}
@media (max-width: 600px) {
  body.touch header#kopf #hauptbild img {
    display: none;
  }
}
body.touch header#kopf img {
  height: calc(var(--headerHeight) - 10px);
  width: auto;
}
body.touch header#kopf .user {
  background: unset;
  margin-left: 0.5rem;
  width: 6rem;
}
@media (max-width: 600px) {
  body.touch header#kopf .user {
    display: none;
  }
}
body.touch header#kopf .userData {
  display: none;
}
body.touch header #headerTopBar, body.touch #innersidebar, body.touch #sidebar {
  background-color: var(--themeColor);
}
body.touch #nav, body.touch #mainMenu {
  background-color: whitesmoke;
  color: black;
}
body.touch #main {
  background-color: white;
  display: block;
}
body.touch #main .noMobile {
  display: none;
}
body.touch #main main#content {
  background-color: white;
  box-sizing: border-box;
  font-size: 1em;
  margin-left: 0;
  margin-right: 0 !important;
  max-height: none !important;
  /*if no sidemenu is present this is set to .5em*/
  overflow: auto;
  padding-top: 0.5ex;
  padding-left: 0.5ex;
  /* remove some padding for mobile*/
  padding-right: calc(var(--smallSidebarWidth) + .5ex);
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch #main main#content {
    padding-right: 0.5ex;
  }
}
body.touch #main main#content article {
  width: 100%;
}
body.touch footer#schluss {
  padding-right: calc(var(--smallSidebarWidth) + .5ex);
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch footer#schluss {
    padding-right: 0.5ex;
  }
}
body.touch input, body.touch select, body.touch button, body.touch a.button {
  line-height: 4ex;
  /*touch-action: none; fixme: eventuell in Multiselect Problem mit scrolling*/
}
body.touch button.ui-multiselect {
  line-height: unset;
  margin-right: 0;
}
body.touch button, body.touch [type="submit"]:not(noButton), body.touch [type="reset"], body.touch [type="button"], body.touch button.cancel, body.touch a.button {
  /* a hat border-box nicht als default*/
  box-sizing: border-box;
  height: auto;
  margin-right: 1em;
  min-width: 10em;
  touch-action: manipulation;
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch button, body.touch [type="submit"]:not(noButton), body.touch [type="reset"], body.touch [type="button"], body.touch button.cancel, body.touch a.button {
    margin-right: 0.5em;
    min-width: 4em;
  }
  body.touch button span, body.touch [type="submit"]:not(noButton) span, body.touch [type="reset"] span, body.touch [type="button"] span, body.touch button.cancel span, body.touch a.button span {
    display: none;
  }
}
body.touch button.ui-multiselect, body.touch button.ui-multiselect-collapser, body.touch button.tox-tbtn, body.touch [type="submit"]:not(noButton).ui-multiselect, body.touch [type="submit"]:not(noButton).ui-multiselect-collapser, body.touch [type="submit"]:not(noButton).tox-tbtn, body.touch [type="reset"].ui-multiselect, body.touch [type="reset"].ui-multiselect-collapser, body.touch [type="reset"].tox-tbtn, body.touch [type="button"].ui-multiselect, body.touch [type="button"].ui-multiselect-collapser, body.touch [type="button"].tox-tbtn, body.touch button.cancel.ui-multiselect, body.touch button.cancel.ui-multiselect-collapser, body.touch button.cancel.tox-tbtn, body.touch a.button.ui-multiselect, body.touch a.button.ui-multiselect-collapser, body.touch a.button.tox-tbtn {
  /*wysiwyg*/
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch button.ui-multiselect span, body.touch button.ui-multiselect-collapser span, body.touch button.tox-tbtn span, body.touch [type="submit"]:not(noButton).ui-multiselect span, body.touch [type="submit"]:not(noButton).ui-multiselect-collapser span, body.touch [type="submit"]:not(noButton).tox-tbtn span, body.touch [type="reset"].ui-multiselect span, body.touch [type="reset"].ui-multiselect-collapser span, body.touch [type="reset"].tox-tbtn span, body.touch [type="button"].ui-multiselect span, body.touch [type="button"].ui-multiselect-collapser span, body.touch [type="button"].tox-tbtn span, body.touch button.cancel.ui-multiselect span, body.touch button.cancel.ui-multiselect-collapser span, body.touch button.cancel.tox-tbtn span, body.touch a.button.ui-multiselect span, body.touch a.button.ui-multiselect-collapser span, body.touch a.button.tox-tbtn span {
    display: initial;
    /* fixme: hatte inherit hier eine Bedeutung? Das hat das Verhalten von
															Spans geändert zu display des Elternelements*/
  }
}
body.touch dialog footer.manyButton button {
  margin-right: 0.5em;
  min-width: 4em;
}
body.touch dialog footer.manyButton button span {
  display: none;
}
body.touch div.tableWrapper button, body.touch div.tableWrapper [type="submit"], body.touch div.tableWrapper [type="reset"], body.touch div.tableWrapper [type="button"], body.touch div.tableWrapper a.button {
  min-width: 4em;
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch .ui-button-text-icon-primary .ui-button-text, body.touch .ui-button-text-icons .ui-button-text {
    padding: 0;
  }
  body.touch .smallDevice {
    display: none;
  }
  body.touch span.radioItem {
    margin-right: 0.5em;
  }
}
body.touch .ui-widget .ui-button {
  font-size: 1rem;
}
body.touch [type="checkbox"], body.touch [type="radio"] {
  color: #FF0000;
  height: 4ex !important;
  width: 4ex !important;
}
body.touch img.icon {
  height: 32px;
  width: 32px;
}
body.touch iframe.ui-widget-content {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}
body.touch .historyContainer {
  max-height: 98% !important;
  max-width: 98% !important;
}
body.touch .window_icon_button {
  height: 28px !important;
  width: 28px !important;
}
body.touch .window_header, body.touch .window_function_bar {
  height: 32px !important;
}
body.touch div.window_frameDiv {
  top: 32px !important;
}
body.touch article ol, body.touch article ul {
  margin-left: 3em;
}
body.touch article ul.ui-autocomplete {
  margin-left: 0;
}
body.touch article table.login {
  margin-top: 0;
}
body.touch span.help, body.touch .formhelp, body.touch label.help {
  position: relative;
}
body.touch span.help::after, body.touch .formhelp::after, body.touch label.help::after {
  background: silver;
  border: 1px solid black;
  color: black;
  content: attr(title);
  display: none;
  font-weight: normal;
  left: 0;
  padding: 4px;
  top: 3ex;
  z-index: 10000;
}
body.touch #liste h3, body.touch #liste h4 {
  font-size: 1.1em;
}
body.touch .ui-helper-reset {
  font-size: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
}
body.touch div.ui-multiselect-menu {
  box-sizing: border-box;
  position: fixed;
}
body.touch .ui-tabs {
  padding-top: 0;
}
body.touch .ui-tabs .ui-tabs-panel {
  padding: 0;
  padding-top: 0.5ex;
}
body.touch .stickTop, body.touch .floatingTabs {
  top: var(--headerBarHeight);
}
body.touch dialog .stickTop, body.touch dialog .floatingTabs {
  top: 0;
}
body.touch :has(> .stickTop) .floatingTabs {
  top: calc(var(--headerBarHeight) + 3.5rem);
}
body.touch .floatingTabs {
  visibility: inherit !important;
}
body.touch .stickTop, body.touch .stickBottom {
  padding-bottom: var(--sab);
  padding-right: var(--smallSidebarWidth);
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch .stickTop, body.touch .stickBottom {
    padding-right: 0.5ex;
  }
}
@media (max-width: 890px) {
  body.touch {
    /*nur auf großen Displays (Tablet quer) sollten die Tabs angezeigt werden*/
  }
  body.touch li.ui-tabs-tab span.text {
    display: none;
  }
}
@media (max-width: 600px) {
  body.touch main#content {
    /* divs (in Quickinfo) Scrollbar + zeige Scrollbalken*/
  }
  body.touch main#content details {
    overflow-x: scroll;
  }
  body.touch main#content div.sammelUebersicht div.sammelListe {
    max-width: 400px;
    width: 100%;
  }
  body.touch main#content div.preLogin, body.touch main#content div.pastLogin {
    margin-left: 1em;
    margin-right: 1em;
  }
  body.touch footer#schluss {
    padding-top: 10px;
  }
  body.touch footer#schluss #footer-2 {
    /* impressum link ans Ende*/
    margin-left: 2em;
    margin-top: -4em;
    order: 3;
  }
  body.touch footer#schluss #footer-2 #footer-server {
    left: 0em;
    right: unset;
    top: 1.5em;
  }
  body.touch footer#schluss .powerdiv {
    margin-left: auto;
    width: auto;
  }
  body.touch footer#schluss .powerdiv #poweredBy {
    display: none;
  }
  body.touch footer#schluss #text-nav:after {
    display: none;
  }
  body.touch .ersteller div:not(.print) {
    display: block;
  }
}
@media (max-width: 650px) {
  body.touch footer#schluss .powerdiv {
    display: none;
  }
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch .Checkin#content button i {
    display: inline;
  }
}
body.touch input[type="file"] {
  /* fix for safari*/
  text-indent: 0;
  padding: initial;
  padding-left: 1em;
  min-height: unset;
  line-height: unset;
}
body.touch ::-webkit-scrollbar {
  width: 10px;
}
body.touch ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
body.touch ::-webkit-scrollbar-thumb {
  background: #888;
}
body.touch ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body.touch fieldset.editTable {
  box-sizing: border-box;
  background: #FBFBFB;
  margin-right: unset;
  width: 100%;
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch dialog.big, body.touch dialog#externURL, body.touch dialog#nestedDialog {
    width: 100%;
    height: 100%;
    height: 100dvh;
    /* dynamic viewport: wegklappende Adresszeilen o.ä.*/
    max-height: 100dvh;
  }
}