/*---vvv---Custos properties---vvv---*/
    :root {
        --wappenPfad: url("ressource?mid=1&name=Landkreiswappen.png");
}

/*---vvv---Wappen beim Formularaufruf laden----vvv--*/
/*DE: Ladesymbol - Position und Hintergrundfarbe*/
.loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/*DE: Inhalt des Symbols - abgeschnitten, kein Scrollbalken*/
form.xn-loading {
    overflow: hidden;
}

form.xm-loading .loading {
    display: block;
}

/*DE: Einbindung des individuellen Ladesymbols*/
.loading .animation{
    background-image: var(--wappenPfad);
    background-size: 13%; /*bestimmt die Größe beim laden*/
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: scale-up-center 1000ms infinite alternate-reverse both;
                animation: scale-up-center 1000ms infinite alternate-reverse both;
}

/*DE: Skalierung beim Laden*/
@-webkit-keyframes scale-up-center {
    0%{
        -webkit-transform: scale(0.5);
                    transform: scale(0.5);
        }
    100% {
        -webkit-transform: scale(1);
                    transform: scale(1);
    }
}
@keyframes scale-up-center {
    0%{
        -webkit-transform: scale(0.5);
                    transform: scale(0.5);
        }
    100%{
        -webkit-transform: scale(1);
                    transform: scale(1);
        }
}

/*---vvv---Hintergrundbild hinter den Formularen---vvv--*/
/*
.body.modern::before {
    content: ¯¯ ;
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url("ressource?mid=1&name=LRANEA+Hintergrund.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    opacity: 0.2;
    z-index: -1; 
}*/