html {
    font-size: 14px;
}

/* navbar height */
body {
    padding-top: 50px;
}

body.no-navbar-padding {
    padding-top: 0 !important;
}

/* Mehr BG-Effekt, evtl. mit eigenem Style obsolet */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link,
.dropdown-item:hover .nav-link {
    background-color: whitesmoke;
}

/* Style for copyable text elements */
.copyText {
    position: relative;
    cursor: pointer;
    padding-right: 1.2em;
    /* Space for the icon */
}

/* Icon styling added using the ::before pseudo-element */
.copyText::after {
    content: "\E1CA";
    /* copy icon */
    font-family: "Phosphor";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: gray;
    font-size: 16px;
}

/* Hover effect to change icon color */
.copyText:hover::after {
    color: black;
}

.btn-xs {
    --bs-btn-padding-y: .2rem;
    --bs-btn-padding-x: .3rem;
    --bs-btn-font-size: .77rem;
    --bs-btn-border-radius: .3rem;
    font-weight: 500;
    /* --bs-btn-bg: rgba(255, 255, 255, 0.5); */
}


/* Fixes to make Phosphor-Icons behave more like Font Awesome */
.ph,
.ph-fill,
.ph-duotone {
    /* -moz-osx-font-smoothing: grayscale; */
    /* -webkit-font-smoothing: antialiased; */
    display: var(--fa-display, inline-block);
    /* font-style: normal; */
    /* font-variant: normal; */
    /* line-height: 1; */
    /* text-rendering: auto; */
    font-size: 1.15em;
    vertical-align: -0.11em;
}

.ph-fw {
    text-align: center;
    width: 1.25em;
}

.ph-lg {
    font-size: 1.4em;
    /* line-height: 0.05em; */
    vertical-align: -0.18em;
}

.ph-xl {
    font-size: 1.75em;
    /* line-height: 0.04167em; */
    vertical-align: -0.24em;
}

.ph-2xl {
    font-size: 2.3em;
    /* line-height: 0.03125em; */
    vertical-align: -0.28em;
}

.ph-1x {
    font-size: 1.15em;
    vertical-align: -0.11em;
}

.ph-2x {
    font-size: 2.25em;
    vertical-align: -0.12em;
}

.ph-3x {
    font-size: 3.35em;
    vertical-align: -0.12em;
}

/* Evtl. Groessen checken */
.ph-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.ph-stack-1x,
.ph-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto);
}

.ph-stack-1x {
    line-height: inherit;
}

.ph-stack-2x {
    font-size: 2em;
}



/* NOCH NICHT optimierte Groessen */
.ph-2xs {
    font-size: 0.625em;
    /* line-height: 0.1em; */
    vertical-align: 0.225em;
}

.ph-xs {
    font-size: 0.75em;
    /* line-height: 0.08333em; */
    vertical-align: 0.125em;
}

.ph-sm {
    font-size: 0.875em;
    /* line-height: 0.07143em; */
    vertical-align: 0.05357em;
}

/* Weiteres */
#sortable1,
#sortable2 {
    background: aliceblue;
    min-height: 1.5em;
}