/*@font-face {
    font-family: 'TT Lakes Compressed';
    src: url('fonts/ttlakesneuecomp-light.ttf') format('truetype');
    font-weight: 300; 
    font-style: normal;
}

@font-face {
    font-family: 'TT Lakes Compressed';
    src: url('fonts/ttlakesneuecomp-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TT Lakes';
    src: url('fonts/ttlakesneue-light.ttf') format('truetype');
    font-weight: 300; 
    font-style: normal;
}

@font-face {
    font-family: 'TT Lakes'; 
    src: url('fonts/ttlakesneue-bold.ttf') format('truetype');
    font-weight: 700; 
    font-style: normal;
}*/

body {
    font-family: 'TT Lakes', sans-serif, serif;
    background-image: url('../images/svg_icon/background-main.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    background-color: var(--ov-body-bg);
}


/*.glass-card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0.1rem;
    --bs-card-border-color: rgba(255, 255, 255, 0.125);
    --bs-card-border-radius: 0.25rem;
    --bs-card-inner-border-radius: calc(0.25rem - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-bg: rgb(255,255,255,0.1);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    -webkit-background-clip: border-box;
    backdrop-filter: blur(5px);*/ /* Der Unschärfe-Effekt */
    /*-webkit-backdrop-filter: blur(5px);*/ /* Für Safari-Support */
    /*background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}



.glass-form-control {
    display: block;
    width: 100%;
    padding: .40625rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: rgb(0,0,0,0.1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .glass-form-control {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.glass-form-control[type=file] {
    overflow: hidden
}

    .glass-form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.glass-form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--turquoise);
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgb(from var(--turquoise) r g b / 0.2);
    box-shadow: 0 0 0 .25rem rgb(from var(--turquoise) r g b / 0.2)
}

.glass-form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.glass-form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.glass-form-control::-webkit-input-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.glass-form-control::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.glass-form-control::-ms-input-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.glass-form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 0.7
}

.glass-form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.glass-form-control::file-selector-button {
    padding: .40625rem .75rem;
    margin: -.40625rem -.75rem;
    -webkit-margin-end: .75rem;
    -moz-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .glass-form-control::file-selector-button {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.glass-form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.glass-form-control-plaintext {
    display: block;
    width: 100%;
    padding: .40625rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

    .glass-form-control-plaintext:focus {
        outline: 0
    }

    .glass-form-control-plaintext.glass-form-control-lg, .glass-form-control-plaintext.glass-form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.glass-form-control-sm {
    min-height: calc(1.5em + .40625rem + calc(var(--bs-border-width) * 2));
    padding: .203125rem .5rem;
    font-size: .8125rem;
    border-radius: var(--bs-border-radius-sm)
}

    .glass-form-control-sm::file-selector-button {
        padding: .203125rem .5rem;
        margin: -.203125rem -.5rem;
        -webkit-margin-end: .5rem;
        -moz-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.glass-form-control-lg {
    min-height: calc(1.5em + 1.3125rem + calc(var(--bs-border-width) * 2));
    padding: .65625rem 1rem;
    font-size: 1.125rem;
    border-radius: var(--bs-border-radius-lg)
}

    .glass-form-control-lg::file-selector-button {
        padding: .65625rem 1rem;
        margin: -.65625rem -1rem;
        -webkit-margin-end: 1rem;
        -moz-margin-end: 1rem;
        margin-inline-end: 1rem
    }

textarea.glass-form-control {
    min-height: calc(1.5em + .8125rem + calc(var(--bs-border-width) * 2))
}

textarea.glass-form-control-sm {
    min-height: calc(1.5em + .40625rem + calc(var(--bs-border-width) * 2))
}

textarea.glass-form-control-lg {
    min-height: calc(1.5em + 1.3125rem + calc(var(--bs-border-width) * 2))
}

.glass-form-control-color {
    width: 3rem;
    height: calc(1.5em + .8125rem + calc(var(--bs-border-width) * 2));
    padding: .40625rem
}

    .glass-form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .glass-form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .glass-form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .glass-form-control-color.glass-form-control-sm {
        height: calc(1.5em + .40625rem + calc(var(--bs-border-width) * 2))
    }

    .glass-form-control-color.glass-form-control-lg {
        height: calc(1.5em + 1.3125rem + calc(var(--bs-border-width) * 2))
    }


.vl {
    border-left: 1px solid var(--medium-gray);
}

:focus {
    border-color: var(--turquoise);
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgb(from var(--turquoise) r g b / 0.2) !important;
    box-shadow: 0 0 0 .25rem rgb(from var(--turquoise) r g b / 0.2) !important;
}

.w-85 {
    width: 85%
}

.code-input {
    width: 40px;*/ /* Use absolute units or better relative units */
    /*height: 50px;
    text-align: center;
    font-size: 1.25rem;
}*/