/***************************************************************  
  final tweaks by DESY 
    - this stylesheet shall OVERLOAD agency.css, code it in file standard_html
    - lastmod 20250626 hagemand
*/

/* *****************
  introduced by Gesa Braun, 20250616 
*/

#site-header.compact .sg-site-header-logo img {
	max-width: 42px;
}

#site-header .sg-site-header-logo img {
	max-width: 42px;
}

h1,
.sg-glow {
	margin-bottom: 0;
	margin-left: -35px;
	margin-bottom: 0;
	padding: 35px;
	padding-bottom: 2rem;
	color: var(--white);
	text-shadow: 1px 1px 1px #041016;
	filter: drop-shadow(1px 1px 1px #041016);
}

/* EO  introduced by Gesa Braun, 20250616  */

@media(min-width: 768px) {
	#site-header .sg-site-header-logo img {
		max-width: 64px;
	}

.sg-offcanvas-trigger img {
	width: 34px;
	filter: drop-shadow(1px 1px 1px #041016);
    }
}

/* turn <video> into a block element >> proper height assignment */
video {
    display: block;
}

/* increase Sidebar Menu width to 540px */
@media (min-width: 576px) {
  .offcanvas-end {
    width: 590px;
  }
}

/* overwrite to prevent the horiz. scrollbar due to 'width:100vw' set in agency.css */
.carousel-wrapper {
    width: 100%;
}
@media(min-width: 480px) {
	.carousel-wrapper {
	    width: 100%;
	}
}

/* force color override */
footer li.active a {
    color:inherit;
}

/* contact box tweaks. ATTN: the BS class 'rounded-circle' was added to <img> by DESY */

.sg-quote img {
    max-width: 75%;
    box-shadow: 2px 2px 40px 2px rgba(0, 52, 72, 0.2);
    margin-top: 1rem;
    margin-bottom: 2rem;
    justify-self: center;
}
@media(max-width: 768px) {
	.sg-quote img {
		max-width: 180px;
	}
}


/* AJAX LOADER */

.d2yAjxLoader {
  /*display: inline-block;*/
  display: none;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.d2yAjxLoader div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.d2yAjxLoader div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.d2yAjxLoader div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.d2yAjxLoader div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.d2yAjxLoader div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% { transform: scale(0); }
  100% { transform: scale(1);  }
}
@keyframes lds-ellipsis3 {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}
@keyframes lds-ellipsis2 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(24px, 0); }
}