/* WP admin bar / customizer quirks */
.customize-support{
  margin: 0 !important;
}

/* Header */
#Banner{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: var(--banner-height);
  width: 100%;
}

#BannerMap{
  background-color: var(--beige);
  height: var(--banner-height);
  width: 100%;
}

#Logo{
  position: absolute;
  border-radius: 50%;
  transition: all var(--transition-med);
  top: 400px;
  right: 15%;
  max-height: var(--logo-max);
  max-width: var(--logo-max);
  box-shadow: var(--shadow-soft);
  z-index: 4200;
}

#Logo:hover{
  box-shadow: var(--shadow-hover);
}

#Logo img{
  width: 100%;
  height: 100%;
}

#Circle{
  width: 100%;
  max-height: var(--logo-max);
  max-width: var(--logo-max);
  background-color: var(--beige);
  border-radius: 50%;
  display: inline-block;
}

/* Contact page logo stays hidden (as requested) */
#CircleMap{
  display: none;
}

/* Main layout blocks */
#indexPage{
  width: 65%;
  margin: 0 auto;
  transition: all 0.75s ease-in-out;
}

#oeffnungszeiten{
  margin: 0 auto;
  width: 650px;
}

#about{
  width: 70%;
  margin: 0 auto;
}

/* Justify about text, but keep explicit centered blocks centered */
#about p:not(.has-text-align-center){
  text-align: justify;
  hyphens: auto;
}

#EmptySpacer{
  margin-top: 100px;
  margin-bottom: 100px;
}

#Speisekarte{
  width: 80%;
  margin: 0 auto;
}

.error-404{
  text-align: center;
  padding: 80px 20px;
}

#error-404-wrapper,
#404-wrapper{
  max-width: 800px;
  margin: 0 auto;
}

#dailyMenu{
  width: 100%;
  margin: 0 auto;
}

#imprint{
  width: 85%;
  text-align: justify;
  margin: 0 auto;
}

  .gallery .wp-block-image img{
    aspect-ratio: 1;
  }	

/* Footer */
#footer{
  position: relative;
  padding-top: 15px;
  height: 180px;
  width: 100%;
  position: absolute;
  background: var(--blue);
  box-shadow: inset 1px 4px 9px -6px #000;
}

#footerMenu{
  position: absolute;
  top: 15px;
  right: 50px;
  text-align: right;
}

#whitywhite{
  position: absolute;
  bottom: 25px;
  left: 2%;
}

#whitywhite img{
  width: 20%;
  height: 20%;
}

#footer{
  position: relative;
  height: 180px; /* keep your current height */
}

#copyright{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  margin: 0;
  text-align: center;
  color: var(--white);
}

#menu-secondary a{
  display: block;
  font-size: 120%;
  color: var(--white);
}

#menu-secondary a:hover{
  color: var(--beige);
}

/* Impressum: center only title + contact block */
/* Impressum: center the whole upper/business part */
.aramis-imprint__page-header,
.aramis-imprint__business{
  text-align: center;
}

/* Make sure the Gutenberg/legal blocks keep their normal alignment */
.aramis-imprint__legal{
  text-align: initial;
}

.aramis-imprint__contact{
  text-align: center;
  margin: 25px 0;
}

.aramis-imprint__contact-title{
  margin: 0 0 10px;
}

.aramis-imprint__contact-lines{
  margin: 0;
}