* {
    --kurzlinks-color: #4F6EC1;
    --kurzlinks-color-darker: #2A3F78;
    --kurzlinks-color-brighter: #8D9FD7;
}

bycs-topbar {
    --bycs-primary: var(--kurzlinks-color);
    --bycs-primary-hover: var(--kurzlinks-color-darker);
    --bycs-primary-focus: var(--kurzlinks-color-darker);
}

#bookmarklet,
#help,
#help-mobile > div {
    gap: 0.5rem;
    outline:none;
    height: 2.5rem;
    border-radius: 99999px;
    background-color: var(--bycs-secondary);
    border-width: 2px;
    border-color: transparent;
    border-color: var(--bycs-secondary-outline);
    transition: none;
}

#bookmarklet {
    cursor:grab;
}

#help-mobile {
    text-decoration: none;
    color: var(--kurzlinks-text);
}

#help,
#help-mobile > div {
    width: 2.5rem;
}

#bookmarklet:hover,
#help:hover,
#help-mobile:hover > div {
    border-color: transparent;
    background-color: var(--bycs-secondary-hover)
}

.contrast #bookmarklet:not(:hover),
.contrast #help:not(:hover),
.contrast #help-mobile:not(:hover) > div {
    border-color: black;
}

.contrast.dark #bookmarklet:not(:hover),
.contrast.dark #help:not(:hover),
.contrast.dark #help-mobile:not(:hover) > div {
    border-color: white;
}

#bookmarklet span:last-child:after {
    content: 'Bookmarklet';
}

bycs-footer {
    --bycs-primary: var(--kurzlinks-color);
    --bycs-content-background: var(--kurzlinks-background);
}

html {
    height: 100%;
}

body {
    /* Kurzlinks variables*/

    --kurzlinks-background: #EFEFEF;
    --kurzlinks-background-secondary: white;

    --kurzlinks-border: #60616D;
    --kurzlinks-text: #1C1D2F;
    --kurzlinks-error: #ff3333;
    --kurzlinks-link: var(--kurzlinks-color);
    --kurzlinks-primary: var(--kurzlinks-color);
    --kurzlinks-success: #00C431;
    --kurzlinks-warning: #D96320;

    --kurzlinks-form-border: #1C1D2F;
    --kurzlinks-form-border-radius: 0.375rem;
    --kurzlinks-form-color: white;
    --kurzlinks-form-outline: var(--kurzlinks-color);
    --kurzlinks-form-text: #1C1D2F;

    --kurzlinks-table-background: var(--kurzlinks-background);
    --kurzlinks-table-border: #1C1D2F;
    --kurzlinks-table-secondary: var(--kurzlinks-background-secondary);
    --kurzlinks-table-page: var(--kurzlinks-color);

    --kurzlinks-button-color: white;
    --kurzlinks-button-modal: invert(1) grayscale(100%) brightness(200%);
    --kurzlinks-button-primary-border: #e8e8ea;
    --kurzlinks-button-primary-color: var(--kurzlinks-color);
    --kurzlinks-button-primary-hover: var(--kurzlinks-color-darker);
    --kurzlinks-button-secondary-border: var(--kurzlinks-button-primary-color);
    --kurzlinks-button-secondary-hover:  rgba(0, 0, 0, 0.0625);

    --kurzlinks-toggle-background: var(--kurzlinks-primary);
    --kurzlinks-toggle-off: #60616D;
    --kurzlinks-toggle-color: var(--kurzlinks-primary);
    --kurzlinks-toggle-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(96, 97, 109)'/%3e%3c/svg%3e");

    --kurzlinks-option-color: #767676;

    /* Bootstrap Variables */
    --bs-body-font-family: Atkinson Hyperlegible, sans-serif;
    --bs-body-color: var(--kurzlinks-text);
    --bs-secondary-color: var(--kurzlinks-text);
    --bs-body-bg: var(--kurzlinks-background);
    min-height: 100%;
}

.contrast body {
    --kurzlinks-background: #EFEFEF;
    --kurzlinks-table-background: white;

    --kurzlinks-border: #1C1D2F;
    --kurzlinks-link: var(--kurzlinks-text);
    --kurzlinks-primary: #1c1d2f;

    --kurzlinks-button-secondary-border: black;

    --kurzlinks-button-primary-border: #e8e8ea;
    --kurzlinks-button-primary-hover: black;

    --kurzlinks-form-outline: black;

    --kurzlinks-table-page: black;

    --kurzlinks-toggle-off: #00091E;
    --kurzlinks-toggle-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(0, 9, 30)'/%3e%3c/svg%3e");

}

.dark {
    color-scheme: dark;
}

.dark body {
    --kurzlinks-background: #00091E;
    --kurzlinks-background-secondary: #1c1d2f;

    --kurzlinks-text: white;
    --kurzlinks-border: #60616D;

    --kurzlinks-button-primary-border: #1c1d2f;
    --kurzlinks-button-secondary-hover: black;
    --kurzlinks-button-secondary-border: #e8e8ea;

    --kurzlinks-form-border:#60616D;
    --kurzlinks-option-color: #C3C3C3;
    --kurzlinks-link: var(--kurzlinks-color-brighter);
    --kurzlinks-toggle-off: #A4A5AC;
    --kurzlinks-toggle-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(164, 165, 172)'/%3e%3c/svg%3e");
}

.dark.contrast body {
    --kurzlinks-background: #00091E;
    --kurzlinks-background-secondary: #1c1d2f;

    --kurzlinks-border: #e8e8ea;
    --kurzlinks-link: white;
    --kurzlinks-primary: white;
    --kurzlinks-text: white;

    --kurzlinks-table-border: white;

    --kurzlinks-button-color: #1c1d2f;
    --kurzlinks-button-modal: none;
    --kurzlinks-button-primary-hover: #e8e8ea;
    --kurzlinks-button-primary-border: #e8e8ea;

    --kurzlinks-form-border: white;
    --kurzlinks-form-outline: white;

    --kurzlinks-table-background:#1c1d2f;
    --kurzlinks-table-page: white;

    --kurzlinks-toggle-off: white;
    --kurzlinks-toggle-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
    --kurzlinks-toggle-background: #00091E;
}

.dropdown-menu {
    --bs-dropdown-min-width: unset;
}

#kurzlinkModal div.modal-content > div {
    min-width: 17.75rem;
}

#kurzlinkModal div.modal-content {
    max-width: 100vh;
    overflow-x: auto;
}

::selection {
    background-color: var(--kurzlinks-primary);
    color: var(--kurzlinks-button-color);
}

/* Forms, Inputs, Textareas*/

.help code {
    color:inherit;
}

.has-error .help {
    color: var(--kurzlinks-error);
}

.has-error input {
    border-color: var(--kurzlinks-error);
    outline-width: thin;
    outline-color: var(--kurzlinks-error);
}

.has-error input:focus {
    outline-style: solid;
    outline-color: var(--kurzlinks-error);
    border-color: var(--kurzlinks-error);
}

.has-success .help {
    color: var(--kurzlinks-success);
}

.has-success input {
    border-color: var(--kurzlinks-success);
    outline-width: thin;
    outline-color: var(--kurzlinks-success);
}

.has-success input:focus {
    outline-style: solid;
    outline-color: var(--kurzlinks-success);
    border-color: var(--kurzlinks-success);
}

.has-warning .help {
    color: var(--kurzlinks-warning);
}

.has-warning input {
    border-color: var(--kurzlinks-warning);
    outline-width: thin;
    outline-color: var(--kurzlinks-warning);
}

.has-warning input:focus {
    outline-style: solid;
    outline-color: var(--kurzlinks-warning);
    border-color: var(--kurzlinks-warning);
}

.warning {
    color: var(--kurzlinks-warning);
}

.label,
label {
    color: var(--kurzlinks-text);
    font-size: 1.125rem;
    line-height: 1.5;
}

.form-label {
    margin: 0;
}

.form-floating>.form-control:focus~label {
    color:var(--kurzlinks-text);
}

.form-floating>.form-control:focus~label::after {
    background-color: transparent;
    color:var(--kurzlinks-text);
}

.form-control {
    border-radius: var(--kurzlinks-form-border-radius);
    box-shadow: none;
    color: var(--kurzlinks-text);
}

.form-control:focus {
    outline-style: solid;
    outline-offset: -1px;
    outline-width: medium;
    outline-color: var(--kurzlinks-form-outline);
    border-color: var(--kurzlinks-form-outline);
    border-width: thin;
    border-style: solid;
    box-shadow: none;
    background-color: var(--kurzlinks-background-secondary);
}

.form-control:read-write {
    height: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.4;
    outline-offset: -3px;
}

.form-control, .input-group-text, div.dt-container .dt-length select, div.dt-container .dt-search {
    background-color: var(--kurzlinks-background-secondary);
}

.dt-length select option {
    background-color: var(--kurzlinks-background-secondary);
}

.dropdown-menu {
    background-color: var(--kurzlinks-background-secondary);
    border-color: var(--kurzlinks-form-border);
}

.input-group-text, .form-control:disabled, .form-control:read-only {
    background-color: transparent;
    color: var(--kurzlinks-text);
}

input + .input-group-text {
    border-left: none;
}

.input-group-text {
    color: var(--kurzlinks-text);
}

.form-switch .form-check-input {
    color: var(--kurzlinks-toggle-color);
}

.form-switch .form-check-input:not(:checked) {
    border-color: var(--kurzlinks-toggle-off);
    background-image: var(--kurzlinks-toggle-image);
}


.contrast.dark .form-check-input:checked {
    background-color: white;
}

.contrast.dark .form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(0, 9, 30)'/%3e%3c/svg%3e");
}

.form-check-input:checked {
    background-color: var(--kurzlinks-toggle-background);
    border-color: var(---kurzlinks-toggle-background);
    color: var(--kurzlinks-toggle-color);
}

textarea.form-control:read-write {
    height: 6.1rem;
}

.form-check-input, .btn, .btn-close {
    box-shadow: none !important;
}

.form-check-input:focus-visible {
    box-shadow: 0 0 0 2px var(--kurzlinks-text) !important;
}

/* Buttons */

.btn {
    border-radius: 0.5rem;
}

.btn-close {
    filter: var(--kurzlinks-button-modal)
}

.btn-primary {
    --bs-btn-bg: var(--kurzlinks-primary);
    --bs-btn-border-color: var(--kurzlinks-button-primary-border);
    --bs-btn-color: var(--kurzlinks-button-color);

    --bs-btn-hover-bg: var(--kurzlinks-button-primary-hover);
    --bs-btn-hover-color: var(--kurzlinks-button-color);
    --bs-btn-hover-border-color: var(--kurzlinks-button-primary-border);

    --bs-btn-active-bg: var(--kurzlinks-button-primary-hover);
    --bs-btn-active-border-color: var(--kurzlinks-button-primary-border);
    --bs-btn-active-color: var(--kurzlinks-button-color);

    --bs-btn-disabled-bg: var(--kurzlinks-primary);
    --bs-btn-disabled-border-color: var(--kurzlinks-button-primary-border);
    --bs-btn-disabled-color: var(--kurzlinks-button-color);
}


.btn-outline-secondary {
    --bs-btn-border-color: var(--kurzlinks-button-secondary-border);
    --bs-btn-color: var(--kurzlinks-text);

    --bs-btn-hover-bg: var(--kurzlinks-button-secondary-hover);
    --bs-btn-hover-color: var(--kurzlinks-text);
    --bs-btn-hover-border-color: var(--kurzlinks-button-secondary-border);

    --bs-btn-active-bg: var(--kurzlinks-button-secondary-hover);
    --bs-btn-active-border-color: var(--kurzlinks-button-secondary-border);
    --bs-btn-active-color: var(--kurzlinks-text);

    --bs-btn-disabled-border-color: var(--kurzlinks-button-secondary-border);
    --bs-btn-disabled-color: var(--kurzlinks-text);
}

.btn-outline-secondary:focus {
    outline-color: var(--kurzlinks-button-secondary-border);
    outline-style: solid;
    outline-width: thin;
}

button.input-group-text {
    color: var(--kurzlinks-text);
}

button.input-group-text {
    outline-offset: -1px;
}

button.input-group-text:enabled:hover {
    background-color: var(--kurzlinks-button-secondary-hover);
    color: inherit;
}

button.input-group-text:last-child {
    border-bottom-right-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

span.input-group-text:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
}

#neuerKurzlinkButton,
#button-link-erstellen-bearbeiten,
#bestaetigenmodalbutton,
#abbrechenmodalbutton {
    min-height: 3.5rem;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

#mebislogo {
    max-width: 400px;
}

#errormessage {
    background-color: var(--kurzlinks-color);
    color: var(--kurzlinks-button-color);
    padding-bottom: 2rem;
    padding-top: 2rem;
}

/* Container*/
.contrast #heading .card,
.contrast #monitoring .card,
.contrast .container.content {
    border-color: var(--kurzlinks-border);
    border-style: solid;
    border-width: 1px;
}

#heading {
    gap: 0.5rem;
}

#heading > h1 {
    flex-basis: fit-content;
    flex-grow: 20;
}

#kurzlink {
    max-width: fit-content;
}

.card {
    --bs-card-cap-bg: var(--kurzlinks-background-secondary);
    --bs-card-bg: var(--kurzlinks-background-secondary);
}

.content {
    border-radius:1.25rem;
    background-color: var(--kurzlinks-background-secondary);
}

.swagger-ui .scheme-container {
    border-radius:1.25rem;
    background-color: var(--kurzlinks-background-secondary) !important;
    box-shadow: unset !important;
}

.swagger-ui select {
    box-shadow: unset !important;
    background-color: var(--kurzlinks-background-secondary) !important;
}

body {
    background-color: var(--kurzlinks-background);
}

.modal-header {
    color: var(--kurzlinks-button-color);
    background-color: var(--kurzlinks-primary);
    border-bottom: transparent;
}

.modal-footer {
    border-top: none;
}

.dark.contrast .modal-header {
    border-bottom-color: var(--kurzlinks-border);
    border-bottom-style: solid;
    border-bottom-width: thin;
 }

.modal-title {
    font-family: Lexend, sans-serif;
}

.modal-content {
    background-color: var(--kurzlinks-background-secondary);
    border: none;
}

.dark.contrast .modal-content {
    border-color: var(--kurzlinks-border);
    border-style: solid;
    border-width: thin;
}

/* Table */

.table {
    color: var(--kurzlinks-text);
    --bs-table-bg: transparent;
}

tr {
    --bs-table-striped-color: var(--kurzlinks-text);
    --bs-table-striped-bg: transparent;
}

th, tr:not(.child) > td {
    white-space: nowrap;
}

table.dataTable thead th, tr, tbody {
    border-color: var(--kurzlinks-table-border);
}

tr.dt-hasChild {
    border-color: var(--kurzlinks-border);
}

table.dataTable.no-footer {
    border: none;
}

div.dt-container .dt-length select {
    height: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-right: 0.25rem;
    outline-color: var(--kurzlinks-primary);
}

.input-group .form-control {
    outline-offset: -3px;
}

div.dt-container > .dt-layout-row:first-child > .dt-layout-cell.dt-start {
    width: 100%;
}

#search>input, #search-mobile>input {
    color: var(--kurzlinks-text);
    height: 3.75rem;
    border: none;
    padding: 0.75rem;
    margin: 0px;
    background-color: transparent;
    border-bottom-left-radius: 99999px;
    border-top-left-radius: 99999px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    outline-width: medium;
    outline-color: var(--kurzlinks-primary);
    flex: 1;
    min-width: 0%;
}

div.dt-container .dt-search input {
    border-color: initial;
    color: var(--kurzlinks-text);
    height: 3.75rem;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right: none;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.75rem;
    margin: 0px;
    background-color: transparent;
    border-bottom-left-radius: 99999px;
    border-top-left-radius: 99999px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    outline-width: medium;
    outline-color: var(--kurzlinks-primary);
    flex: 1;
    min-width: 0%;
}

html.dark .dt-container .dt-search input, html.dark .dt-container .dt-length select {
    border-color: initial;
    background-color: transparent;
}

div.dt-container .dt-search input:focus, #search > input:focus, #search-mobile > input:focus {
    outline-style: solid;
}

#search, #search-mobile {
    align-items: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 99999px;
    display:flex;
}

.dataTables_filter {
    padding-bottom: 1rem;
}

div.dt-container .dt-search {
    display: flex;
    justify-content: flex-end;
}

div.dt-container .dt-search label {
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-right-radius: 99999px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-right-radius: 99999px;
    border-top-style: solid;
    border-top-width: 1px;
    display:flex;
}

div.dt-container .dt-search label::after {
    color: var(--kurzlinks-text);
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f002";
}

div.dt-container .dt-info {
    font-size: 1.125rem;
    color: var(--kurzlinks-text);
}

div.dt-container .dt-paging {
    font-family: Lexend, sans-serif;
    font-size: 1.25rem;
    line-height: 1.4;
}

div.dt-container .dt-paging .dt-paging-button {
    border:none;
    color:var(--kurzlinks-text) !important;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button:active {
    background: none;
    color: var(--kurzlinks-text) !important;
    border: none;
    box-shadow: none;
}

.ellipsis {
    color: var(--kurzlinks-text);
}

div.dt-container .dt-paging .dt-paging-button.current {
    border:none;
    background: none;
    color: var(--kurzlinks-table-page) !important;
    font-weight: bold;
}

div.dt-container .dt-paging .dt-paging-button.current:hover {
    border:none;
    background: none;
    color: var(--kurzlinks-table-page) !important;
}

table.dataTable {
    background-color: var(--kurzlinks-table-background);
}

table.dataTable tbody tr:nth-child(odd of :not(.child)), table.dataTable tbody tr:nth-child(odd of :not(.child)) + tr.child {
    background-color: var(--kurzlinks-table-secondary);
}

table.dataTable tbody th, table.dataTable tbody td, table.dataTable tbody td.child > div {
    padding: 10px 10px;
}

table.dataTable tbody td.child {
    padding: 0;
}

tr>td.details-control {
    pointer-events: none;
}

tr>td.details-control button {
    background: none;
    border: none;
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
    font-size: 2rem;
    letter-spacing: normal;
    line-height: 1;
    padding: 0rem;
    pointer-events: all;
    vertical-align: middle;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

tr>td.details-control button:focus-visible {
    border-radius: 50%;
    border-style: solid;
    border-width: thin;
    outline-style: solid;
    outline-width: thin;
    margin: -1px;
}

tr>td.details-control button::before {
    position: absolute;
    color: var(--kurzlinks-text);
    content: "\f13a";
}

tr>td.details-control button::after {
    content: "\f13a\f13a";
    color: var(--kurzlinks-table-secondary);
    opacity: 1;
}

tr.parent>td.details-control button {
    transform: scale(1, -1);
}

tr:nth-child(odd of :not(.child)) .details-control button::after {
    color: var(--kurzlinks-background);
}

td.child > div:not(:first-child) {
    align-items: baseline;
    margin-top: 0.5rem;
}

.contrast tr>td.details-control button::after, .contrast tr:nth-child(odd of :not(.child)) .details-control button::after {
    color: var(--kurzlinks-primary);
}

.contrast tr>td.details-control button::before {
    color: var(--kurzlinks-button-color);
}

table.dataTable>thead>tr>th.details-control, table.dataTable>tbody>tr>td.details-control, table.dataTable > colgroup > col[style="width: 0px;"]  {
    display: none;
}

table.collapsed>thead>tr>th.details-control, table.collapsed>tbody>tr>td.details-control, #kurzlinks>thead>tr>th.details-control, #kurzlinks>tbody>tr>td.details-control {
    display: table-cell;
    vertical-align: middle;
}

.table>:not(caption)>*>* {
    --bs-table-color: var(--kurzlinks-text);
}

.target, .description {
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
    font-weight: bolder;
}

a {
    color: var(--kurzlinks-link);
    text-decoration: none;
}

.contrast a:not(.btn), a:hover {
    color: var(--kurzlinks-link);
    text-decoration: underline;
}

a.dropdown-item {
    color: var(--kurzlinks-form-text);
    cursor:pointer;
    display:flex;
    gap: 0.25rem;
    text-decoration: none !important;
}

a.dropdown-item:focus, a.dropdown-item:hover {
    background-color: var(--kurzlinks-option-color);
    color: var(--kurzlinks-background-secondary);
}

a.dropdown-item svg {
    fill: var(--kurzlinks-form-text);
    height: calc(4rem / 3);
    width: 1rem;
}

a.dropdown-item:focus svg, a.dropdown-item:hover svg {
    fill: var(--kurzlinks-background-secondary);
}

#kurzlink a.btn {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}

a.btn:hover {
    text-decoration: none;
}

#kurzlink a.btn > div {
    margin-right: 0.25rem;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#kurzlink a.btn:hover > div {
    transform: translateX(0.25rem);
}

.qr {
    cursor: zoom-in;
    opacity: 1;
}

.qr:hover {
    opacity: 0.2;
}

h1, h2, h3, h4  {
    font-family: Lexend, sans-serif;
}

h4 {
    text-align: center;
    font-size: 1.44rem;
    line-height: 1.3;
}

.qr-max {
    background-color: rgba(0, 0, 0, .5);
    cursor: zoom-out;
    display:flex;
    position: fixed;
    justify-content: center;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}

.qr-max img {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
}

td.child>div.btn-group {
    width: 100%;
}

textarea.resize-none {
    resize: none;
}

.cursor-pointer {
    cursor: pointer;
}

#kurzlinkModal .modal-body > div {
    gap: 1rem;
}

.edit #neuerEigenerAlias {
    order: -1;
}

.edit #neuerEigenerAlias>div>input, .edit #neuerEigenerAlias>div>label {
    display: none;
}

.edit #checkbox-eigener-alias:checked ~ div {
    height: unset;
}

.edit #formgroup-eigener-alias>span {
    display: none;
}

.create #modalUeberschrift:after, .create #button-link-erstellen-bearbeiten:after {
    content: 'Kurzlink anlegen';
}

.create #modalUeberschrift:before, .create #button-link-erstellen-bearbeiten:before {
    content: "\f055";
}

#modalUeberschrift:after {
    font-weight: normal;
}


#modalUeberschrift:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    margin-right: 0.75rem;
}

#button-link-erstellen-bearbeiten::after {
    font-size: 1.25rem;
}

.create #button-link-erstellen-bearbeiten:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 1.5rem;
}

.create #formgroup-eigener-alias > label {
    display:none;
}

.edit #modalUeberschrift:after {
    content: 'Kurzlink bearbeiten';
}

.edit #button-link-erstellen-bearbeiten:after {
    content: " Speichern";
}

.edit #modalUeberschrift:before {
    content: "\f044";
    font-size: 1.5rem;
}

.edit #button-link-erstellen-bearbeiten:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 1.5rem;
    content: "\f0c7";
}

.switch-hide {
    padding-left: 0px;
}

.switch-hide .form-check-input {
    float:none;
    margin-left: 0px;
}

.form-check-input:active {
    outline-style: auto;
}

.slider {
    display: none;
}

.slider.open {
    display: block;
}

#kurzlinks .slider.open {
    display: flex;
    flex-direction: column;
}

.qr {
    min-width: min(16rem, calc(100vw - 10px - 3.5rem ));
    right: 10px;
}

td.child > div > div:first-child {
    gap: 1rem;
}

td.child > div > div:first-child > div:first-child {
    flex-grow: 99999;
    flex-basis: min-content;
    min-width: min(20rem, calc(100vw - 3.75rem ));
}

div.beschreibung {
    border-color:  var(--kurzlinks-border);
    border-radius: var(--kurzlinks-form-border-radius);
    border-style: solid;
    border-width: 1px;
    min-height: 2.25rem;
    max-height: 6.9rem;
    overflow-y:auto;
    padding-bottom: 0.375rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
}

.qr {
    flex-grow: 1;
}

.tex sub, .latex sub, .latex sup {
    text-transform: uppercase;
}

.tex sub, .latex sub {
    bottom: unset;
    vertical-align: -0.5ex;
    margin-left: -0.1667em;
    margin-right: -0.125em;
}

.tex, .latex, .tex sub, .latex sub {
    font-size: 1em;
}

.latex sup {
    top: unset;
    font-size: 0.85em;
    vertical-align: 0.15em;
    margin-left: -0.36em;
    margin-right: -0.15em;
}

div:not([style="display: none;"]) + #kurzlinkBeschreibung {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#vorschau {
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: var(--kurzlinks-border);
    border-bottom-left-radius: var(--kurzlinks-form-border-radius);
    border-bottom-right-radius: var(--kurzlinks-form-border-radius);
}

#monitoring label {
    min-width: 5rem;
}

#monitoring input.form-control {
    width: unset;
    min-width: 13rem;
}

@media (min-width: 1024px) {
    div.dt-container .dt-search {
        display:none;
    }
}

/* Start - Typography */
/* lexend-regular - latin */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lexend-v7-latin/lexend-v7-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/lexend-v7-latin/lexend-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-regular.svg#Lexend') format('svg');
    /* Legacy iOS */
}

/* lexend-500 - latin */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/lexend-v7-latin/lexend-v7-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/lexend-v7-latin/lexend-v7-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/lexend-v7-latin/lexend-v7-latin-500.svg#Lexend') format('svg');
    /* Legacy iOS */
}

/* atkinson-hyperlegible-regular - latin */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-regular.svg#AtkinsonHyperlegible') format('svg');
    /* Legacy iOS */
}

/* atkinson-hyperlegible-700 - latin */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/atkinson-hyperlegible-v1-latin/atkinson-hyperlegible-v1-latin-700.svg#AtkinsonHyperlegible') format('svg');
    /* Legacy iOS */
}