@import "sanitize.css";
html {
  background: #FFFFFF;
  font-family: "Open Sans", "Arial", serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  position: relative;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100vh;
}

h1 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #17375D;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2 {
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0;
}

header {
  background: #17375D;
  color: #FFFFFF;
}
header ul {
  display: inline-block;
}
header ul li {
  display: inline;
  white-space: nowrap;
}
header a {
  color: #FFFFFF;
  text-decoration: none;
  user-select: none;
}
header a:hover {
  text-decoration: underline;
}

main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  background: #FFFFFF;
  font-size: 0.75rem;
}

footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #17375D;
  color: #FFFFFF;
  font-size: 1rem;
  padding: 0.75rem;
}
footer.login {
  padding-left: 30.5rem;
}
footer.login .links {
  display: flex;
  flex-direction: row;
  gap: 2.125rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
footer.login a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
}

#rootmenu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#rootmenu .header-graphic {
  display: flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  white-space: nowrap;
  background: #FFFFFF;
  padding-left: 7.25rem;
  min-width: 28rem;
  min-height: 5.125rem;
  height: 5.125rem;
  border-bottom-right-radius: 2.5625rem;
  border-top-right-radius: 2.5625rem;
}
#rootmenu .header-graphic .header-icon {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  color: #17375D;
  font-weight: 800;
  font-size: 3rem;
}
#rootmenu .header-graphic .header-icon i {
  color: #4DA662;
  font-style: normal;
}
#rootmenu .rootmenu {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 100;
  align-items: end;
  padding-top: 1.25rem;
  padding-right: 2.75rem;
}
#rootmenu .rootmenu p, #rootmenu .rootmenu ul {
  margin: 0;
}

#mainmenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
#mainmenu .middlemenu {
  display: none;
}
#mainmenu ul {
  display: flex;
  flex-direction: row;
  padding: 0 0 0 0.8rem;
  margin: 0;
}
#mainmenu ul li {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  background: #17375D;
  border-color: #ffffff;
  white-space: nowrap;
  border-right: 1px solid;
}
#mainmenu ul li:first-of-type {
  border-left: 1px solid;
}
#mainmenu ul li:hover, #mainmenu ul li.active {
  background: #4DA662;
}
#mainmenu ul li a {
  display: block;
  line-height: 22px;
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
  text-decoration: none;
  user-select: none;
}
#mainmenu ul li a:hover {
  text-decoration: none;
}
#mainmenu ul li .new-ticket-counter {
  position: absolute;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border: solid 2px #FFFFFF;
  font-size: 0.75rem;
  line-height: 0.75rem;
  min-width: 1rem;
  text-align: center;
  margin-left: -0.75rem;
  margin-top: -1.25rem;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  border-radius: 1em;
  white-space: nowrap;
  user-select: none;
  background-color: #c70101;
}
#mainmenu .ergebnisliste {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem;
  padding-left: 0.8rem;
  padding-right: 2.75rem;
}
#mainmenu .ergebnisliste .lastentry {
  width: 1.5625rem;
  height: 1.5625rem;
  content: "";
  background-image: url("../images/arrow-left.svg");
  background-size: cover;
}
#mainmenu .ergebnisliste .nextentry {
  width: 1.5625rem;
  height: 1.5625rem;
  content: "";
  background-image: url("../images/arrow-right.svg");
  background-size: cover;
}
#mainmenu .ergebnisliste .notfilled {
  opacity: 0.5;
}

#content {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

#rightmenu {
  display: none;
}

.sr {
  display: none;
}

.debug-time {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  color: #cbcbcb;
  font-weight: 100;
  justify-content: center;
}

.subnavigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
  row-gap: 1rem;
  padding: 0.25rem 0 0.25rem 0;
}
.subnavigation li {
  font-size: 0.75rem;
  font-weight: 500;
  display: inline;
}
.subnavigation li.active a {
  background-color: #4DA662;
}
.subnavigation li.darkitem a {
  background: #4C5359;
}
.subnavigation li a {
  padding: 0.375rem 0.875rem 0.375rem 0.625rem;
  border-top-right-radius: 0.75rem;
  background-color: #17375D;
  white-space: nowrap;
  text-decoration: none;
  user-select: none;
  color: #FFFFFF;
}

.formborder table, .formborder .tool-panel, .tableborder table, .tableborder .tool-panel {
  border: 0;
}
.formborder table tr, .formborder .tool-panel tr, .tableborder table tr, .tableborder .tool-panel tr {
  color: #17375D;
  font-size: 0.75rem;
}
.formborder table th, .formborder .tool-panel th, .tableborder table th, .tableborder .tool-panel th {
  padding: 0.1875rem 0.375rem 0.375rem;
}
.formborder table td, .formborder .tool-panel td, .tableborder table td, .tableborder .tool-panel td {
  padding: 0.75rem 0.375rem;
  padding-bottom: 0.1875rem;
}
.formborder table th, .formborder table h1, .formborder .tool-panel th, .formborder .tool-panel h1, .tableborder table th, .tableborder table h1, .tableborder .tool-panel th, .tableborder .tool-panel h1 {
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
}
.formborder table h1, .formborder .tool-panel h1, .tableborder table h1, .tableborder .tool-panel h1 {
  display: flex;
  flex-direction: row;
  align-items: end;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
.formborder table tbody td, .formborder .tool-panel tbody td, .tableborder table tbody td, .tableborder .tool-panel tbody td {
  color: #000000;
}
.formborder table thead, .formborder .tool-panel thead, .tableborder table thead, .tableborder .tool-panel thead {
  position: relative;
}
.formborder table thead td, .formborder table thead th, .formborder .tool-panel thead td, .formborder .tool-panel thead th, .tableborder table thead td, .tableborder table thead th, .tableborder .tool-panel thead td, .tableborder .tool-panel thead th {
  white-space: nowrap;
}
.formborder table thead, .formborder table .line, .formborder .tool-panel thead, .formborder .tool-panel .line, .tableborder table thead, .tableborder table .line, .tableborder .tool-panel thead, .tableborder .tool-panel .line {
  position: relative;
}
.formborder table thead:after, .formborder table .line:after, .formborder .tool-panel thead:after, .formborder .tool-panel .line:after, .tableborder table thead:after, .tableborder table .line:after, .tableborder .tool-panel thead:after, .tableborder .tool-panel .line:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px dotted #17375D;
}
.formborder table.readwritetable thead:after, .formborder table.tool-panel thead:after, .formborder .tool-panel.readwritetable thead:after, .formborder .tool-panel.tool-panel thead:after, .tableborder table.readwritetable thead:after, .tableborder table.tool-panel thead:after, .tableborder .tool-panel.readwritetable thead:after, .tableborder .tool-panel.tool-panel thead:after {
  display: none;
}
.formborder table.readwritetable h1, .formborder table.tool-panel h1, .formborder .tool-panel.readwritetable h1, .formborder .tool-panel.tool-panel h1, .tableborder table.readwritetable h1, .tableborder table.tool-panel h1, .tableborder .tool-panel.readwritetable h1, .tableborder .tool-panel.tool-panel h1 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
}
.formborder table.readwritetable th, .formborder table.readwritetable td, .formborder table.tool-panel th, .formborder table.tool-panel td, .formborder .tool-panel.readwritetable th, .formborder .tool-panel.readwritetable td, .formborder .tool-panel.tool-panel th, .formborder .tool-panel.tool-panel td, .tableborder table.readwritetable th, .tableborder table.readwritetable td, .tableborder table.tool-panel th, .tableborder table.tool-panel td, .tableborder .tool-panel.readwritetable th, .tableborder .tool-panel.readwritetable td, .tableborder .tool-panel.tool-panel th, .tableborder .tool-panel.tool-panel td {
  padding: 0;
  padding-bottom: 1rem;
  padding-right: 0.3rem;
  text-wrap: avoid;
  vertical-align: top;
  min-width: 12rem;
}
.formborder table.readwritetable th input[type=checkbox], .formborder table.readwritetable td input[type=checkbox], .formborder table.tool-panel th input[type=checkbox], .formborder table.tool-panel td input[type=checkbox], .formborder .tool-panel.readwritetable th input[type=checkbox], .formborder .tool-panel.readwritetable td input[type=checkbox], .formborder .tool-panel.tool-panel th input[type=checkbox], .formborder .tool-panel.tool-panel td input[type=checkbox], .tableborder table.readwritetable th input[type=checkbox], .tableborder table.readwritetable td input[type=checkbox], .tableborder table.tool-panel th input[type=checkbox], .tableborder table.tool-panel td input[type=checkbox], .tableborder .tool-panel.readwritetable th input[type=checkbox], .tableborder .tool-panel.readwritetable td input[type=checkbox], .tableborder .tool-panel.tool-panel th input[type=checkbox], .tableborder .tool-panel.tool-panel td input[type=checkbox] {
  vertical-align: middle;
}
.formborder table.readwritetable th:nth-child(odd), .formborder table.readwritetable th.spalte1, .formborder table.readwritetable th.spalte3, .formborder table.readwritetable th.spalte5, .formborder table.readwritetable td:nth-child(odd), .formborder table.readwritetable td.spalte1, .formborder table.readwritetable td.spalte3, .formborder table.readwritetable td.spalte5, .formborder table.tool-panel th:nth-child(odd), .formborder table.tool-panel th.spalte1, .formborder table.tool-panel th.spalte3, .formborder table.tool-panel th.spalte5, .formborder table.tool-panel td:nth-child(odd), .formborder table.tool-panel td.spalte1, .formborder table.tool-panel td.spalte3, .formborder table.tool-panel td.spalte5, .formborder .tool-panel.readwritetable th:nth-child(odd), .formborder .tool-panel.readwritetable th.spalte1, .formborder .tool-panel.readwritetable th.spalte3, .formborder .tool-panel.readwritetable th.spalte5, .formborder .tool-panel.readwritetable td:nth-child(odd), .formborder .tool-panel.readwritetable td.spalte1, .formborder .tool-panel.readwritetable td.spalte3, .formborder .tool-panel.readwritetable td.spalte5, .formborder .tool-panel.tool-panel th:nth-child(odd), .formborder .tool-panel.tool-panel th.spalte1, .formborder .tool-panel.tool-panel th.spalte3, .formborder .tool-panel.tool-panel th.spalte5, .formborder .tool-panel.tool-panel td:nth-child(odd), .formborder .tool-panel.tool-panel td.spalte1, .formborder .tool-panel.tool-panel td.spalte3, .formborder .tool-panel.tool-panel td.spalte5, .tableborder table.readwritetable th:nth-child(odd), .tableborder table.readwritetable th.spalte1, .tableborder table.readwritetable th.spalte3, .tableborder table.readwritetable th.spalte5, .tableborder table.readwritetable td:nth-child(odd), .tableborder table.readwritetable td.spalte1, .tableborder table.readwritetable td.spalte3, .tableborder table.readwritetable td.spalte5, .tableborder table.tool-panel th:nth-child(odd), .tableborder table.tool-panel th.spalte1, .tableborder table.tool-panel th.spalte3, .tableborder table.tool-panel th.spalte5, .tableborder table.tool-panel td:nth-child(odd), .tableborder table.tool-panel td.spalte1, .tableborder table.tool-panel td.spalte3, .tableborder table.tool-panel td.spalte5, .tableborder .tool-panel.readwritetable th:nth-child(odd), .tableborder .tool-panel.readwritetable th.spalte1, .tableborder .tool-panel.readwritetable th.spalte3, .tableborder .tool-panel.readwritetable th.spalte5, .tableborder .tool-panel.readwritetable td:nth-child(odd), .tableborder .tool-panel.readwritetable td.spalte1, .tableborder .tool-panel.readwritetable td.spalte3, .tableborder .tool-panel.readwritetable td.spalte5, .tableborder .tool-panel.tool-panel th:nth-child(odd), .tableborder .tool-panel.tool-panel th.spalte1, .tableborder .tool-panel.tool-panel th.spalte3, .tableborder .tool-panel.tool-panel th.spalte5, .tableborder .tool-panel.tool-panel td:nth-child(odd), .tableborder .tool-panel.tool-panel td.spalte1, .tableborder .tool-panel.tool-panel td.spalte3, .tableborder .tool-panel.tool-panel td.spalte5 {
  color: #17375D;
  font-weight: 600;
  padding-right: 1.125rem;
}
.formborder table.readwritetable th:nth-child(even), .formborder table.readwritetable th.spalte2, .formborder table.readwritetable th.spalte4, .formborder table.readwritetable th.spalte6, .formborder table.readwritetable td:nth-child(even), .formborder table.readwritetable td.spalte2, .formborder table.readwritetable td.spalte4, .formborder table.readwritetable td.spalte6, .formborder table.tool-panel th:nth-child(even), .formborder table.tool-panel th.spalte2, .formborder table.tool-panel th.spalte4, .formborder table.tool-panel th.spalte6, .formborder table.tool-panel td:nth-child(even), .formborder table.tool-panel td.spalte2, .formborder table.tool-panel td.spalte4, .formborder table.tool-panel td.spalte6, .formborder .tool-panel.readwritetable th:nth-child(even), .formborder .tool-panel.readwritetable th.spalte2, .formborder .tool-panel.readwritetable th.spalte4, .formborder .tool-panel.readwritetable th.spalte6, .formborder .tool-panel.readwritetable td:nth-child(even), .formborder .tool-panel.readwritetable td.spalte2, .formborder .tool-panel.readwritetable td.spalte4, .formborder .tool-panel.readwritetable td.spalte6, .formborder .tool-panel.tool-panel th:nth-child(even), .formborder .tool-panel.tool-panel th.spalte2, .formborder .tool-panel.tool-panel th.spalte4, .formborder .tool-panel.tool-panel th.spalte6, .formborder .tool-panel.tool-panel td:nth-child(even), .formborder .tool-panel.tool-panel td.spalte2, .formborder .tool-panel.tool-panel td.spalte4, .formborder .tool-panel.tool-panel td.spalte6, .tableborder table.readwritetable th:nth-child(even), .tableborder table.readwritetable th.spalte2, .tableborder table.readwritetable th.spalte4, .tableborder table.readwritetable th.spalte6, .tableborder table.readwritetable td:nth-child(even), .tableborder table.readwritetable td.spalte2, .tableborder table.readwritetable td.spalte4, .tableborder table.readwritetable td.spalte6, .tableborder table.tool-panel th:nth-child(even), .tableborder table.tool-panel th.spalte2, .tableborder table.tool-panel th.spalte4, .tableborder table.tool-panel th.spalte6, .tableborder table.tool-panel td:nth-child(even), .tableborder table.tool-panel td.spalte2, .tableborder table.tool-panel td.spalte4, .tableborder table.tool-panel td.spalte6, .tableborder .tool-panel.readwritetable th:nth-child(even), .tableborder .tool-panel.readwritetable th.spalte2, .tableborder .tool-panel.readwritetable th.spalte4, .tableborder .tool-panel.readwritetable th.spalte6, .tableborder .tool-panel.readwritetable td:nth-child(even), .tableborder .tool-panel.readwritetable td.spalte2, .tableborder .tool-panel.readwritetable td.spalte4, .tableborder .tool-panel.readwritetable td.spalte6, .tableborder .tool-panel.tool-panel th:nth-child(even), .tableborder .tool-panel.tool-panel th.spalte2, .tableborder .tool-panel.tool-panel th.spalte4, .tableborder .tool-panel.tool-panel th.spalte6, .tableborder .tool-panel.tool-panel td:nth-child(even), .tableborder .tool-panel.tool-panel td.spalte2, .tableborder .tool-panel.tool-panel td.spalte4, .tableborder .tool-panel.tool-panel td.spalte6 {
  white-space: nowrap;
  color: black;
  font-weight: 200;
  padding-right: 1.125rem;
}
.formborder table.readwritetable th > div, .formborder table.readwritetable td > div, .formborder table.tool-panel th > div, .formborder table.tool-panel td > div, .formborder .tool-panel.readwritetable th > div, .formborder .tool-panel.readwritetable td > div, .formborder .tool-panel.tool-panel th > div, .formborder .tool-panel.tool-panel td > div, .tableborder table.readwritetable th > div, .tableborder table.readwritetable td > div, .tableborder table.tool-panel th > div, .tableborder table.tool-panel td > div, .tableborder .tool-panel.readwritetable th > div, .tableborder .tool-panel.readwritetable td > div, .tableborder .tool-panel.tool-panel th > div, .tableborder .tool-panel.tool-panel td > div {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  align-content: start;
  gap: 0.5rem;
}
.formborder table a, .formborder .tool-panel a, .tableborder table a, .tableborder .tool-panel a {
  color: #17375D;
}

.tableborder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  overflow-x: auto;
  border: solid 1px #17375D;
  padding: 0.75rem;
  gap: 0.5rem;
}

.formborder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-x: auto;
  color: #FFFFFF;
  background: #4C5359;
  border: solid 1px #17375D;
  padding: 0.75rem;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.formborder .searchform {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.formborder .searchform label {
  font-size: 0.75rem;
  font-weight: 600;
  padding-right: 0.5em;
}
.formborder table tr, .formborder table td, .formborder table h1, .formborder table h2, .formborder table h3 {
  color: #FFFFFF !important;
}

.button-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.25rem;
  padding-bottom: 0.5rem;
}

.modusinfo {
  margin: 0;
}

input, select {
  margin-right: 0.25rem;
  max-width: 25rem;
}

button, .button, .headbutton, .abbrechen, .new_button, input[type=submit] {
  display: inline-flex;
  color: #FFFFFF !important;
  text-decoration: none;
  align-items: center;
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 0.875rem;
  border: none;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  padding: 0.0625rem 0.25rem 0.0625rem 0.25rem;
  background-color: #17375D;
  border-radius: 0.1875rem;
}
button.delete, button.abbrechen, .button.delete, .button.abbrechen, .headbutton.delete, .headbutton.abbrechen, .abbrechen.delete, .abbrechen.abbrechen, .new_button.delete, .new_button.abbrechen, input[type=submit].delete, input[type=submit].abbrechen {
  background: #4C5359;
}
button.new_button, .button.new_button, .headbutton.new_button, .abbrechen.new_button, .new_button.new_button, input[type=submit].new_button {
  background: #4DA662;
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding-bottom: 0.1rem;
  padding-top: 0.1rem;
  margin-bottom: 0.5rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.kalender {
  color: #17375D;
}
.kalender .kalTDTagaktuell {
  color: #c70101;
}
.kalender .kalTDTag, .kalender .kalTDTagaktuell {
  border-bottom: 1px solid #17375D;
  text-align: center;
}
.kalender thead:after {
  display: none;
}
.kalender tbody td {
  position: relative;
  padding: 0;
  margin: 0;
  border-right: 1px solid #17375D;
  border-bottom: 1px solid #17375D;
}
.kalender tbody td img {
  width: 100%;
}
.kalender tbody td.kalTDMonat, .kalender tbody td.kalTDMonataktuell {
  border-bottom: none;
  font-weight: 600;
  padding-right: 0.25rem;
}
.kalender tbody td.kalTDMonataktuell {
  color: #c70101;
}
.kalender tbody td.kalTDTagaktuell {
  background-color: #c70101;
}
.kalender tbody td.kalTDTagaktuell img {
  opacity: 0.5;
}

.dashboard-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.dashboard-row > div {
  flex-grow: 1;
}

.no-grow {
  flex-grow: 0 !important;
}

.error {
  border: 1px solid #c70101;
  padding: 0.25rem;
  margin-bottom: 0.5rem;
}
.error h1 {
  color: #FFFFFF;
  font-size: 0.75rem;
  background-color: #c70101;
  padding: 0.25rem;
}
.error p {
  padding: 0;
  padding-left: 0.25rem;
  margin: 0;
}

.fixbutton {
  position: fixed;
  z-index: 100;
  display: flex;
  right: 1.5rem;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: right;
  max-width: 35vw;
}

.dxp {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
}

.margin-top {
  margin-top: 2rem;
}

.no-border {
  border: none;
}

.flex-grow {
  flex-grow: 1;
}

.full-width {
  width: 100%;
}

.mail-input input[type=text] {
  width: 28rem;
}

div.box-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.tool-panel {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4rem;
  row-gap: 2rem;
}
.tool-panel .tool-panel-tool, .tool-panel .tool-panel-tool form, .tool-panel .tool-panel-tool form > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  row-gap: 0.5rem;
}
.tool-panel .tool-panel-tool h1, .tool-panel .tool-panel-tool form h1, .tool-panel .tool-panel-tool form > div h1 {
  flex-grow: 1;
}
.tool-panel .tool-panel-tool label, .tool-panel .tool-panel-tool form label, .tool-panel .tool-panel-tool form > div label {
  color: #17375D;
  font-weight: 600;
}
.tool-panel .tool-panel-tool .tool-row, .tool-panel .tool-panel-tool form .tool-row, .tool-panel .tool-panel-tool form > div .tool-row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1rem;
}

.popup-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
}
.popup-wrapper .popup {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 30rem;
  min-height: 15rem;
  border: 3px solid #17375D;
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: #fff;
}
.popup-wrapper .popup .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.25rem;
}
.popup-wrapper .popup .title h3 {
  margin-top: 0;
}

.new-ticket {
  color: #ffffff;
  background: rgb(199, 1, 1);
  border-radius: 0.75rem;
  padding: 2px 6px;
  font-weight: 800;
}

.ticket-header {
  display: grid;
  grid-template-columns: auto auto;
  max-width: 1024px;
  font-size: 0.875rem;
  color: #000;
}
.ticket-header .label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #000;
}

.ticket-status {
  color: #fff;
  border-radius: 3px;
  padding: 1px 4px 1px 4px;
  font-weight: 600;
  font-size: 14px;
}
.ticket-status.ticket-status-Offen {
  background-color: #ffae00;
}
.ticket-status.ticket-status-Beantwortet {
  background-color: #006e08;
}
.ticket-status.ticket-status-Neu {
  background-color: #c70101;
}
.ticket-status.ticket-status-Geschlossen {
  background-color: #ccc;
}

.edit-button {
  text-decoration: none;
}
.edit-button img {
  height: 1.25rem;
  margin-top: -1rem;
}

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