/*---vvv---Custom properties---vvv---*/
:root {
  --wappenPfad: url("../includes/ressource?mid=1&name=Wappen.png");
  --wappenGrossPfad: url("../includes/ressource?mid=1&name=Wappen_gross.png");
  --LogoPfad: url("../includes/ressource?mid=1&name=NEW-Landratsamt.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.xm-loading {
	overflow: hidden;
}

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

/*DE: Einbindung des individuellen Ladesymbols*/
.loading .animation{
  background-image: var(--wappenGrossPfad);
  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---Logo im Formular platzieren----vvv--*/
.divHeader {
  background-image: var(--LogoPfad);
  background-size: 40% auto; /*bestimmt die Höhe des Logos*/
  background-repeat: no-repeat;
  background-position-x: calc(100% - 20px) ;
  background-position-y: 15px;
}

/*----vvv---Footer Links anpassen---vvv---*/
.lraFooter a, .lraFooter div, .lraFooter ::before {
  text-decoration: none;
  font-size: large;
  font-weight: 400;
  /*font-family: 'Font Awesome 6 Free';*/
  line-height: 22px;
}

.xm-footer-privacy-inline, .xm-footer-imprint-inline {
  width: auto;
  padding: 8px 10px 8px 0;
}

/*Textarea immer fix*/
textarea { resize:none;}