/* Tabellen */

/* Schatten bei jeder zweiten Zeile */
tr:nth-child(even) {
  background: #e9e9e9;
}

/* Gruppierung der Einstellungsoptionen */
.custom-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.custom-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* Ladeanimation im Vordergrund anzeigen */
.ui-loader-background {
  width: 100%;
  height: 100%;
  top: 0;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  position: fixed;
  z-index: 9999;
}
.ui-loading .ui-loader-background {
  display: block;
}

/* Links ohne href-Attribut auch mit "Pointer"-Mauszeiger ausstatten */
.klickbarerLink {
  cursor: pointer;
}

/* Link, um die Standard-URL für das Infocenter einzufügen */
#infocenterStandardURL {
  font-size: small;
}

/* Hinweis zum Startcode */
#startcodeHinweis {
  font-size: smaller;
}

/* Link zum Download der Benutzerliste als CSV */
#linkDownloadCSV {
  display: none;
}

/* Für kleinee Bildschirme */
@media (max-width: 75em) {
  th {
    display: inline-block;
  }

  td.title {
    font-weight: bold;
  }
}

@media (min-width: 75em) {
  /* Zeilen durch Linien trennen */
  tr {
    border-bottom: 1px solid #d6d6d6;
  }

  /* Show the table header rows and set all cells to display: table-cell */
  .liste-tabelle td,
  .liste-tabelle th,
  .liste-tabelle tbody th,
  .liste-tabelle tbody td,
  .liste-tabelle thead td,
  .liste-tabelle thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .liste-tabelle td .ui-table-cell-label,
  .liste-tabelle th .ui-table-cell-label {
    display: none;
  }
}

#switchLinks {
  float: left; /* add this */
  width: 30%;
}
#switchMitte {
  width: 20%;
}

#switchRechts {
  width: 70%;
}

.texteingabe {
  width: 50%;
}

.selectize-dropdown-content {
  max-height: 500px !important;
}

#login {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d1cdc0;
  padding: 2%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#kontakt {
  position: fixed;
  width: 450px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d1cdc0;
  padding: 2%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#bodylogin {
  background-color: white !important;
}

.login {
  font-weight: 700 !important;
}

#thema-button,
#email,
#tel,
#name,
#firma {
  max-width: 250px;
  width: 300px;
}

#msglabel {
  margin-bottom: -20px;
}

#msg {
  min-height: 300px;
  max-height: 300px;
  overflow: scroll;
}

#thema-button {
  padding: 0.7rem 0rem !important;
}
.form-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px; /* Adjust spacing between rows */
}

.form-row label {
  flex: 0 0 120px; /* Adjust width of label */
  margin-right: 10px; /* Adjust spacing between label and input */
}

#logologin img {
  display: block;
  margin: 0 auto;
}

#loginbutton {
  background-color: white !important;
  margin-top: 10%;
}

#errorlogin {
  font-weight: 700;
  color: #ec721f;
}