/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html {
    width:100%;
    height:100%;
}
body {
    margin:0px;
    width:100%;
    font-size: 16px;
    font-family:Verdana, Helvetica, sans-serif;
    color:#000;
    transition:opacity 0.25s ease-in-out;
}

h2 { margin: 0;}

.cursor_click {
    cursor:pointer;
}

.text_mini { font-size:8px; }

.btn-mini { padding: .1rem .2rem; font-size: .75rem; border-radius: .2rem; }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled {
    outline: none;
    background-color:#FFF;
    color:#CCC;
}

.popup_close {
    float:right;
    position:absolute;
    top: -3px;
    right: 3px;
    font-size:26px;
}

#login_loading > img {
    margin-right:10px;
}
#login_loading > span {
    align-self: center;
}

.login_form > span {
    color:#900;
    font-weight:bold;
    font-size:2rem;
    text-align:center;
    margin-bottom:30px;
    display:block;
}

/* Klassen für Hauptelemente */
.overlay {
    position:fixed;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#CCCCCC;
    opacity:.75;
    filter:alpha(opacity = 75);
    z-index:999999999999;
}
.abblenden_opacity {
    opacity:.75;
    filter:alpha(opacity = 75);
    background-color:#999;
}
.abblenden_kasten {
    position:fixed;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    z-index:1000;
}
.abblenden_innen {
    background-color:#FFF;
    border:1px solid #FFF;
    border-radius:5px;
    padding:20px;
    min-width:300px;
    min-height:50px;
    max-height:90%;
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.6);
    position:relative;
    transition:opacity 2s ease-in-out;
    opacity:1;
}

/* Größen*/
.w_50 {
    width:50px;
}
.w_300 {
    width:300px;
}
.w_400 {
    width:400px;
}
.w_800 {
    width:800px;
    max-width:100%;
}
.w_200 {
    width:200px;
    flex:0 0 200px;
}

.quad_30 {
    width:30px;
    height:30px;
}

.hidden {
    visibility:hidden;
    display:none;
}
.show {
    visibility:visible !important;
    display:initial;
}

.liste {
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    position:relative;
    margin:auto;
    width:100%;
    flex: 1 1 100%;
}
.liste:nth-child(odd) {
    background-color:#EFEFEF;
}
.liste > * {
    margin:5px;
}
.liste > .titel {
    font-size:0.7rem;
}

.big_progress {
    width:100%;
    height:50px;
}

.logo {
    margin-top:16vh;
    max-width:320px;
}
.login_form {
    width:320px;
}



.check {
    appearance: none;
    background-color: transparent;
    color: #333;
    border-width:0px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display:flex;
    border-width:0px;
}
.check::before {
    content: '\f584';
    position: relative;
    font-family: bootstrap-icons !important;
    font-size: 16px;
    top:3px;
    left:2px;
}

.check:checked {
    background-color: transparent;
    color: var(--bs-success);
}
.check:checked::before {
    content: '\f271';
    font-size: 20px;
    top:0px;
    left:0px;
}

.check:checked:disabled {
    background-color: transparent !important;
    cursor: default !important;
}

.check:disabled {
    background-color: transparent !important;
    cursor: default !important;
}

.check-sm::before {
    font-size: 11px;
    top:1px;
    left:1px;
}
.check-sm:checked::before {
    font-size: 14px;
    top:0px;
    left:0px;
}

.check-lg::before {
    font-size: 22px;
    height:28px;
    width:30px;
    top:1px;
    left:1px;
}
.check-lg:checked::before {
    font-size: 26px;
    height:28px;
    width:30px;
    top:0px;
    left:0px;
}