html {
    touch-action: manipulation;
	color: #f3f3f3;
	background-color:#232323;
	font-family: 'Noto Sans JP', 'Noto Sans SC';
}

a {
	color: #8ab4f8;
}

.home {
    display: flex;
    width: 100%;
    max-width: 1900px;
}

button {
    color: #f3f3f3;
    text-shadow: 1px 0 #4e4e4e;
    background-color: #3D3935;
    border: 1px solid #423E3A;
    border-radius: 6px;
    font-weight: inherit;
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
    padding: 5px 9px 6px 9px;
    font-size: 16px;
    display: inline-block;
    margin-left: 8px;
}

.box {
    background-color: #333333;
    border-radius: 5px;
	padding: 5px;
	margin: 5px;
    box-shadow: 0 1px 3px #000;
}

.warning {
            background-color: #B22222; /* Setzt die Hintergrundfarbe auf ein gräuliches Rot */
            color: white; /* Setzt die Textfarbe auf weiß */
            border: 1px solid #8B0000; /* Optional: fügt eine dunklere Grenze hinzu */
        }
		
.copy-icon {
  cursor: pointer;
}

.spoiler-btn {
    display: inline-block; /* Stellt sicher, dass die Buttons in einer Zeile angezeigt werden */
    margin-right: 10px; /* Fügt einen Abstand zwischen den Buttons hinzu */
}

.spoiler-content {
    display: none;
    background-color: #333333;
    border-radius: 5px;
	padding: 5px;
	margin: 5px;
    box-shadow: 0 1px 3px #000;
}

@media (max-width:629px) {
  img#optional {
    display: none;
  }
}

#leve-table a, #track-table a {
    color: #f3f3f3; /* Farbe nach Wahl, hier Rot */
}
.tabulator {
	position: relative;
	border: 1px solid #333;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
	min-width: 100%
}

.tabulator[tabulator-layout=fitDataTable] {
	display: inline-block
}

.tabulator.tabulator-block-select {
	user-select: none
}

.tabulator .tabulator-header {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #999;
	background-color: #333;
	color: #f3f3f3;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none
}

.tabulator .tabulator-header.tabulator-header-hidden {
	display: none
}

.tabulator .tabulator-header .tabulator-col {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	border-right: 1px solid #aaa;
	background: #333;
	text-align: left;
	vertical-align: bottom;
	overflow: hidden
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
	position: absolute;
	border: 1px solid #999;
	background: #1a1a1a;
	pointer-events: none
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
	box-sizing: border-box;
	position: relative;
	padding: 4px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
	padding: 0 8px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
	cursor: pointer;
	opacity: .6
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
	position: relative
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
	box-sizing: border-box;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #999;
	padding: 1px;
	background: #f3f3f3
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor {
	width: calc(100% - 22px)
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
	position: relative;
	display: flex;
	border-top: 1px solid #aaa;
	overflow: hidden;
	margin-right: -1px
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
	position: relative;
	box-sizing: border-box;
	margin-top: 2px;
	width: 100%;
	text-align: center
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
	height: auto !important
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
	margin-top: 3px
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
	width: 0;
	height: 0
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
	padding-right: 25px
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
	cursor: pointer;
	background-color: #1a1a1a
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
	color: #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-top: none;
	border-bottom: 6px solid #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
	color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-top: none;
	border-bottom: 6px solid #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
	color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-bottom: none;
	border-top: 6px solid #666;
	color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	display: flex;
	align-items: center;
	justify-content: center
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
	transform: rotate(180deg)
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
	padding-right: 0;
	padding-top: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
	padding-right: 0;
	padding-bottom: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
	justify-content: center;
	left: 0;
	right: 0;
	top: 4px;
	bottom: auto
}

.tabulator .tabulator-header .tabulator-frozen {
	display: inline-block;
	position: absolute;
	z-index: 10
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
	border-right: 2px solid #888
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
	border-left: 2px solid #888
}

.tabulator .tabulator-header .tabulator-calcs-holder {
	box-sizing: border-box;
	min-width: 600%;
	background: #404040 !important;
	border-top: 1px solid #888;
	border-bottom: 1px solid #aaa;
	overflow: hidden
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
	background: #404040 !important
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
	display: none
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
	min-width: 600%
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
	display: none
}

.tabulator .tabulator-tableholder {
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.tabulator .tabulator-tableholder:focus {
	outline: none
}

.tabulator .tabulator-tableholder .tabulator-placeholder {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%
}

.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual] {
	min-height: 100%;
	min-width: 100%
}

.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
	display: inline-block;
	text-align: center;
	padding: 10px;
	color: #ccc;
	font-weight: 700;
	font-size: 20px;
	white-space: normal
}

.tabulator .tabulator-tableholder .tabulator-table {
	position: relative;
	display: inline-block;
	background-color: #666;
	white-space: nowrap;
	overflow: visible;
	color: #f3f3f3
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
	font-weight: 700;
	background: #373737 !important
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
	border-bottom: 2px solid #888
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
	border-top: 2px solid #888
}

.tabulator .tabulator-footer {
	border-top: 1px solid #999;
	background-color: #333;
	color: #333;
	font-weight: 700;
	white-space: nowrap;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none
}

.tabulator .tabulator-footer .tabulator-footer-contents {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px
}

.tabulator .tabulator-footer .tabulator-footer-contents:empty {
	display: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
	box-sizing: border-box;
	width: calc(100% + 20px);
	text-align: left;
	background: #404040 !important;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	overflow: hidden
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
	background: #404040 !important
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
	display: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
	margin-bottom: -5px;
	border-bottom: none
}

.tabulator .tabulator-footer>*+.tabulator-page-counter {
	margin-left: 10px
}

.tabulator .tabulator-footer .tabulator-page-counter {
	font-weight: 400
}

.tabulator .tabulator-footer .tabulator-paginator {
	flex: 1;
	text-align: right;
	color: #f3f3f3;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit
}

.tabulator .tabulator-footer .tabulator-page-size {
	display: inline-block;
	margin: 0 5px;
	padding: 2px 5px;
	border: 1px solid #aaa;
	border-radius: 3px
}

.tabulator .tabulator-footer .tabulator-pages {
	margin: 0 7px
}

.tabulator .tabulator-footer .tabulator-page {
	display: inline-block;
	margin: 0 2px;
	padding: 2px 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background: hsla(0, 0%, 100%, .2)
}

.tabulator .tabulator-footer .tabulator-page.active {
	color: #f3f3f3
}

.tabulator .tabulator-footer .tabulator-page:disabled {
	opacity: .5
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
	cursor: pointer;
	background: rgba(0, 0, 0, .2);
	color: #f3f3f3
}

.tabulator .tabulator-col-resize-handle {
	position: relative;
	display: inline-block;
	width: 6px;
	margin-left: -3px;
	margin-right: -3px;
	z-index: 10;
	vertical-align: middle
}

.tabulator .tabulator-col-resize-handle:hover {
	cursor: ew-resize
}

.tabulator .tabulator-col-resize-handle:last-of-type {
	width: 3px;
	margin-right: 0
}

.tabulator .tabulator-alert {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 100;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .4);
	text-align: center
}

.tabulator .tabulator-alert .tabulator-alert-msg {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 20px;
	border-radius: 10px;
	background: #f3f3f3;
	font-weight: 700;
	font-size: 16px
}

.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
	border: 4px solid #333;
	color: #000
}

.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
	border: 4px solid #d00;
	color: #590000
}

.tabulator-row {
	position: relative;
	box-sizing: border-box;
	min-height: 22px;
	background-color: #666
}

.tabulator-row.tabulator-row-even {
	background-color: #444
}

.tabulator-row.tabulator-selectable:hover {
	background-color: #999;
	cursor: pointer
}

.tabulator-row.tabulator-selected {
	background-color: #000
}

.tabulator-row.tabulator-selected:hover {
	background-color: #888;
	cursor: pointer
}

.tabulator-row.tabulator-row-moving {
	border: 1px solid #000;
	background: #f3f3f3
}

.tabulator-row.tabulator-moving {
	position: absolute;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	pointer-events: none;
	z-index: 15
}

.tabulator-row .tabulator-row-resize-handle {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 5px
}

.tabulator-row .tabulator-row-resize-handle.prev {
	top: 0;
	bottom: auto
}

.tabulator-row .tabulator-row-resize-handle:hover {
	cursor: ns-resize
}

.tabulator-row .tabulator-frozen {
	display: inline-block;
	position: absolute;
	background-color: inherit;
	z-index: 10
}

.tabulator-row .tabulator-frozen.tabulator-frozen-left {
	border-right: 2px solid #888
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
	border-left: 2px solid #888
}

.tabulator-row .tabulator-responsive-collapse {
	box-sizing: border-box;
	padding: 5px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888
}

.tabulator-row .tabulator-responsive-collapse:empty {
	display: none
}

.tabulator-row .tabulator-responsive-collapse table {
	font-size: 14px
}

.tabulator-row .tabulator-responsive-collapse table tr td {
	position: relative
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
	padding-right: 10px
}

.tabulator-row .tabulator-cell {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 4px;
	border-right: 1px solid #888;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tabulator-row .tabulator-cell.tabulator-editing {
	border: 1px solid #999;
	outline: none;
	padding: 0
}

.tabulator-row .tabulator-cell.tabulator-editing input,
.tabulator-row .tabulator-cell.tabulator-editing select {
	border: 1px;
	background: transparent;
	outline: none
}

.tabulator-row .tabulator-cell.tabulator-validation-fail {
	border: 1px solid #d00
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input,
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
	border: 1px;
	background: transparent;
	color: #d00
}

.tabulator-row .tabulator-cell.tabulator-row-handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
	width: 80%
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
	width: 100%;
	height: 3px;
	margin-top: 2px;
	background: #f3f3f3
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
	display: inline-block;
	vertical-align: middle;
	height: 9px;
	width: 7px;
	margin-top: -9px;
	margin-right: 5px;
	border-bottom-left-radius: 1px;
	border-left: 2px solid #888;
	border-bottom: 2px solid #888
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	height: 11px;
	width: 11px;
	margin-right: 5px;
	border: 1px solid #f3f3f3;
	border-radius: 2px;
	background: rgba(0, 0, 0, .1);
	overflow: hidden
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, .2)
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
	display: inline-block;
	position: relative;
	height: 7px;
	width: 1px;
	background: transparent
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
	position: absolute;
	content: "";
	left: -3px;
	top: 3px;
	height: 1px;
	width: 7px;
	background: #f3f3f3
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
	display: inline-block;
	position: relative;
	height: 7px;
	width: 1px;
	background: #f3f3f3
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
	position: absolute;
	content: "";
	left: -3px;
	top: 3px;
	height: 1px;
	width: 7px;
	background: #f3f3f3
}

.tabulator {
	background-color: #222
}

.tabulator .tabulator-header .tabulator-col {
	background-color: #333
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
	color: #f3f3f3
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
	border: 1px solid #999;
	background: #444;
	color: #f3f3f3
}

.tabulator .tabulator-header .tabulator-calcs-holder,
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
	background: #1a1a1a !important
}

.tabulator .tabulator-footer .tabulator-calcs-holder,
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
	background: #262626 !important
}

.tabulator .tabulator-footer .tabulator-page-counter,
.tabulator .tabulator-footer .tabulator-paginator label {
	color: #f3f3f3
}

.tabulator .tabulator-footer .tabulator-page {
	color: #f3f3f3;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit
}

.tabulator-row.tabulator-group {
	min-width: 100%;
	color: #333
}

.tabulator-row.tabulator-group:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, .1)
}

.tabulator-row.tabulator-group span {
	color: #666
}

.tabulator-edit-select-list {
	background: #f3f3f3
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
	color: #666
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
	color: #999;
	background: #444
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
	outline: 1px solid hsla(0, 0%, 60%, .5)
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
	outline: 1px solid #444
}

.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
	color: #999;
	background: #666
}

.tabulator-print-table .tabulator-print-table-group {
	color: #333
}