@charset "utf-8";
/* CSS Document */

/* dieses CSS enthält Frankfurt-spezifische Änderungenj, die für andere Nutzer dieses Design, wie z.B. adfc-wiesbaden.de, nicht relevant sind  */

/*  START -     großflächige Headbanner auf der Leitseite     */

div.top-image-position-radvolution img {  /* image radvolution */
  height: calc(100vh - 125px);
  width: 100%;
  object-fit: cover !important;
  object-position: center 55% !important;
}
h2[id="Kontaktbox"]{
  padding-top: 0.6em !important;
  padding-bottom: 0.7em !important;
}

div.head-pic-100vh img {                      /* _ */
  height: calc(100vh - 300px);/* _ */
  width: 100%;/* _ */
  object-fit: cover;/* _ */
  object-position: 80% 38%;/* _ */
}
@media screen and ( max-width: 769px ) {      /* _ */
  div.head-pic-100vh img {
    height: 100vw !important;/* _ */
    width: 100% !important;/* _ */
    object-fit:cover!important;/* _ */
    object-position: 90% 65% !important;/* _ */
	}
}

@media screen and ( max-width: 768px ) {      /* _1 */
  div.head-pic-100vh_1 img {
    height: auto !important;/* _1 */
    width: 100% !important;/* _1 */
    object-fit: cover!important;/* _1 */
/*   object-position: 50% 50% !important; */ /* _1 */
	}
}
div.head-pic-100vh_1 img {                      /* _1 */
  height: calc(100vh - 123px);/* _1 */
  width: 100%;/* _1 */
  object-fit: cover;/* _1 */
  object-position: left 40%;/* _1 */

}
@media screen and ( min-width: 769px ) { 
  #head-pic-100vh_1_1 .image-content {
    margin-right: calc(90% - 430px) !important;
    margin-bottom: 56vh !important;
  } 
}
   
div.head-pic-100vh_2 img {                   /* _2 */
  height: calc(100vh - 120px);
  width: 100%;/* _2 */
  object-fit: cover;/* _2 */
  object-position: center 70%;/* _2 */
}
@media screen and ( max-width: 768px ) {     /* _2 */
  div.head-pic-100vh_2 img {
    height: 100vw !important;/* _2 */
    object-fit: cover;/* _2 */
  }
}
div.head-pic-100vh_2 p.DetailsAnmeldung a {     /* _2 */
	color:  var(--ADFC-orange) !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
}



div.head-pic-100vh_3 img {                   /* _3 */
  height: calc(100vh - 125px);/* _3 */
  width: 100%;/* _3 */
  object-fit: cover;/* _3 */
  object-position: 40% 90%;/* _3 */
}
@media screen and ( max-width: 768px ) {      /* _3 */
  div.head-pic-100vh_3 img {
    height: auto !important;/* _3 */
    width: 100% !important;/* _3 */
    object-fit: cover!important;/* _3 */
  }
}
 div.head-pic-100vh_3 div.image-caption {

	 width: auto
} 
/* div.head-pic-100vh_3 .module-image.image-overlay :is(.image-wrap noscript, .image-wrap a, img) + .image-content {   /* _3 */
div.head-pic-100vh_3 div.image-content {   /* _3 */
	bottom: auto !important;
	top:	0 !important;
}


div.head-pic-100vh_4 img {                 /* _4 */
  height: calc(100vh - 65px);/* _4 */
  width: 100%;/* _4 */
  object-fit: cover;
  object-position: 30% 45%;/* _4 */

}

@media screen and ( max-width: 1024px ) {/* _4 */
  div.head-pic-100vh_4 img {/* _4 */
    height: calc(100vh - 65px);             /* _4 */
    width: 100%;
		margin-top: -30px; /* _4 */
		z-index: -4;
		position: relative; 
	}
}
@media screen and ( max-width: 760px ) {/* _4 */
  div.head-pic-100vh_4 img {/* _4 */
    height: auto;               /* _4 */
    width: 100%;/* _4 */
		z-index: 1;
		margin-top: 0px;
  }
}
div.head-pic-100vh_4 p.DetailsAnmeldung a {
	color:  var(--ADFC-orange) !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
}



div.head-pic-100vh_5 img {                      /* _5 */
  height: calc(100vh - 124px);/* _5 */
  width: 100%;/* _5 */
  object-fit: cover;/* _5 */
  object-position: 60% 80%;/* _5 */
}



#head-pic-100vh_5 .image-content {
/*  margin-top: 1% !important;
  margin-right: calc(90% - 680px) !important;
  margin-bottom: calc(4%) !important;
  margin-left: 3% !important;  */
  margin-right: auto !important;
  margin-left: auto !important;
  width: 1000px;
  bottom: calc(95% - 400px);
  background-color: rgba(0,0,0,0) !important;
} 
#head-pic-100vh_5-2 .image-content {
/*  margin-top: 1% !important;
  margin-right: calc(90% - 680px) !important;
  margin-bottom: calc(4%) !important;
  margin-left: 3% !important;  */
  margin-right: auto !important;
  margin-left: auto !important;
  width: 1000px;
  max-width: 100%;
  bottom: calc(95% - 360px);
  background-color: rgba(0,0,0,0) !important;
} 





@media screen and ( max-width: 769px ) {      /* _5 */
  div.head-pic-100vh_5 img {
    height: 100vw !important;/* _5 */
    width: 100% !important;/* _5 */
    object-fit:cover!important;/* _5 */
    object-position: 50% top !important;/* _5 */
  }
}



div.leitseite-banner {
  width: 1536px !important;
  max-width: 100% !important;
  margin-left:auto !important;
  margin-right: auto !important;
}
.banner_text-container {
  margin-bottom: 0;
  float: left;
  overflow: hidden;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 2%;
  padding-bottom: 2%;
  width: 68%;
}
.banner_image-container {
  max-width: 31.5%;
  text-align: left;
  float: right;
  }
.banner_image {
  width: 240px;
  max-width: 100%;
  padding-top: 0;
  bottom: 0;
  height: 100%;
  object-fit: contain;
  object-position: left bottom;
}
@media screen and ( max-width: 1260px ) {
  .banner_image {
    object-position: right bottom;
  }
  .banner_image-container {
    width: 31.5%;
    text-align: right;
    float: right;
  }
}
@media screen and ( max-width: 760px ) {
  .banner_text-container {
    margin-bottom: 0;
    overflow: hidden;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    width: 100%;
    float: none;
  }
  .banner_image-container {
    width: 240px;
	  max-width: 100%;
    text-align: right;
    object-position: right bottom;
  }
  .banner_image {
    object-position: right bottom;
  }
}
/*  END -   großflächige Headbanner auf der Leitseite     */