/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html {
    width:100%;
    height:100%;
}
body {
    width:100%;
    font-size: 16px;
    font-family:Arial, Helvetica, sans-serif;
}

.drehen {
    animation:drehen_frame 2.5s infinite linear;
}
@keyframes drehen_frame {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.swal2-actions {
    flex-direction: row-reverse;
}

.logo {
    width: 350px;
}
.logo_menu {
    max-width: 200px;
    height: auto;
    transition: all 1s;
}
.login_form {
    width: 350px;
}

.menuleiste {
    position: fixed;
    width: 100%;
    height:150px;
    left:0;
    top:0;
    background-color: white;
    transition: all 1s;
}
.mt_150 {
    margin-top:150px !important;
    transition: all 1s;
}
.w_500 {
    width:500px;
}

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;
}

.cursor_click {
    cursor: pointer;
}
.w_100 {
    width: 100px;
}

.w_200 {
    width: 200px;
}