.ADeNoMatch { padding:5%;background:#f2f2f2;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4);font-size:16px;}
.ADeWrapper { display:flex;margin-bottom: 20px;justify-content:space-between; background:#f9f9f9;box-shadow:0px 1px 4px 0px rgba(0,0,0,0.4); }
.ADeContainer .fontawesome-icon { float: none; margin-right: 0; color:#2a5880; }
.ADeContainer .fontawesome-icon:hover { color:#2a5880; }
.ADeContent { width: 100%; }
.ADeContent.abgelaufen {opacity:0.3;}
.ADeContent .ADeFlexItem { display:flex; }
.ADeContent .ADeItem { margin-bottom:5px;line-height:1.1 !important; }
.ADeContent .ADeItem.abldatum { font-size:0.8em; color: #ac0000; }
.ADeContent .ADeItem strong { color:#013560; }
.ADeContent .ADeDetails { padding:7px 0px 10px 15px; }
.ADeContent .ADeItem.titel { font-size:20px;margin:0px;/*background-color:#2a5880;*/font-weight: bold;color:#013560;line-height:1.1 !important;padding:10px 0px 7px 15px; }
.ADeContent .ADeItem.titel span { color: #ac0000; }

.ADeWrapper .ADeEdit { padding:7px 7px 0px; }
.ADeWrapper .ADeEdit .fontawesome-icon { color: #ac0000 !important; }
.arbeitsdienstformwrapper { background:#f2f2f2;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4);margin-top:40px; }
.arbeitsdienstformwrapper h3 { margin:0px; padding:17px; line-height:1.1 !important; }
.arbeitsdienstformcontainer .adefeld_flex { display:flex; }
.arbeitsdienstformcontainer .adefeld_flex > div { width:50%; padding: 5px 17px; }
.arbeitsdienstformcontainer .ade-submit { padding:17px; }
.ade_fussnote { margin:20px 0 60px 0; }


/*Messages und Overlays*/
.adeMessage {
	font-size: 16px;
	line-height: 1.4;
	color:#404040;	
}
.adeMessage.fehler {
	border: 1px solid red;
}
.adeMessage.erfolg {
	border: 1px solid green;
}

#jja-arbeitsdienste-overlay {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
	left: 0;
	top: 0;
	z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}
#jja-arbeitsdienste-overlay .middlecenter {
	max-width: 700px;
	width: 95%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#jja-arbeitsdienste-overlay .middlecenter .adeMessage {
	padding: 20px 20px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
}
.adeMessage p.button_wrap { margin: 20px 0 5px; text-align:center; }
.adeMessage .button-close.dark-button { display:inline-block; background:#2a5880; color:#fff; padding:9px 20px; line-height:14px; border:none; border-radius:4px; text-decoration:none; }

@media only screen and (max-width: 800px) {
	.arbeitsdienstformcontainer .adefeld_flex { display:block; }
	.arbeitsdienstformcontainer .adefeld_flex > div { width:100%; padding: 5px 17px; }
}
/*--------------------------------------------------------------------------*/
/*Loading anim.																*/
/*--------------------------------------------------------------------------*/
.ade_ladeanzeige {
	position:relative;
	text-align:center;
}
.ade_ladeanzeige span {
   position:absolute;
  display: block;
  font-size: 14px;
  color:#cde155;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#jja-arbeitsdienste-overlay .subtext { color:#fff; text-align:center; }
.ade-roller {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 64px;
  height: 64px;
}
.ade-roller div {
  animation: ade-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.ade-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cde155;
  margin: -3px 0 0 -3px;
}
.ade-roller div:nth-child(1) {animation-delay: -0.036s;}
.ade-roller div:nth-child(1):after {top: 50px;left: 50px;}
.ade-roller div:nth-child(2) {animation-delay: -0.072s;}
.ade-roller div:nth-child(2):after {top: 54px;left: 45px;}
.ade-roller div:nth-child(3) {animation-delay: -0.108s;}
.ade-roller div:nth-child(3):after {top: 57px;left: 39px;}
.ade-roller div:nth-child(4) {animation-delay: -0.144s;}
.ade-roller div:nth-child(4):after {top: 58px;left: 32px;}
.ade-roller div:nth-child(5) {animation-delay: -0.18s;}
.ade-roller div:nth-child(5):after {top: 57px;left: 25px;}
.ade-roller div:nth-child(6) {animation-delay: -0.216s;}
.ade-roller div:nth-child(6):after {top: 54px;left: 19px;}
.ade-roller div:nth-child(7) {animation-delay: -0.252s;}
.ade-roller div:nth-child(7):after {top: 50px;left: 14px;}
.ade-roller div:nth-child(8) {animation-delay: -0.288s;}
.ade-roller div:nth-child(8):after {top: 45px;left: 10px;}
@keyframes ade-roller {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}