/* INDICO CONFERENCE THEME | Midnight blue + cyan
   Banner image: conference-banner.png
   IMPORTANT: Replace the URL below with the PUBLIC URL of your uploaded
   banner image in Indico. CSS alone cannot upload an image to Indico.
   The banner contains the sponsor marks, so do not overlay duplicate logos.
*/
:root {
  --conf-theme-header-bg: #062647;
  --conf-theme-header-border-bottom: #17b9e6;
  --conf-theme-header-text: #f6fbff;
  --conf-theme-subtitle-bg: #0b3455;
  --conf-theme-subtitle-border: #225a7c;
  --conf-theme-subtitle-text: #e3f6ff;
  --conf-theme-menu-bg: #082d50;
  --conf-theme-menu-border: #215a7b;
  --conf-theme-menu-link: #e1f6ff;
  --conf-theme-menu-selected: #ffffff;
  --conf-theme-menu-selected-bg: #0878a9;
  --conf-theme-menu-selected-border: #36c4e9;
  --conf-theme-hover-bg: #12557c;
  --conf-theme-hover-color: #ffffff;
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;
  --conf-theme-support-bg: #f0f8fc;
  --conf-theme-support-border: #c5dfeb;
  --conf-theme-support-header-bg: #07365a;
  --conf-theme-support-header-text: #ffffff;
  --conf-theme-support-text: #35556b;
  --conf-theme-sprite-image: none;
  --conf-theme-announcement-bg: #e8f7fd;
  --conf-theme-announcement-border: #b5ddec;
  --conf-theme-announcement-text: #123c59;

  /* Change this to the URL Indico gives you for the uploaded banner. */
  --conference-banner: url('conference-banner.png');
}

/* Readable, understated page surface */
body {
  background: #f4f9fc;
  color: #17334a;
  font-family: 'Segoe UI', Arial, sans-serif;
  line-height: 1.6;
}
a { color: #086b9a; }
a:hover { color: #034e76; }

/* The banner is a single image; never stretch or crop its logos.
   These are common header selectors; the exact one depends on Indico's
   rendered event theme. Remove any selector that targets the wrong area. */
#header, .conference-header, .confheader, header.site-header {
  box-sizing: border-box !important;
  background-color: #062647 !important;
  background-image: var(--conference-banner) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border-bottom: 3px solid #16b7e3 !important;
  box-shadow: 0 6px 22px rgba(4, 34, 65, .16);
}

/* Exact two-line title: target the actual Indico title span.
   Keep the original text in the DOM; replace only its visual presentation. */
span[itemprop="title"] {
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-block !important;
  text-align: center !important;
  white-space: normal !important;
}
span[itemprop="title"]::before {
  content: none !important;
}
span[itemprop="title"]::after {
  content: "WE-Heraeus-Summer School\A Exact Methods: from Lattice Models to String Theory" !important;
  display: block !important;
  white-space: pre-line !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: clamp(20px, 2.3vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--conf-theme-header-text, #f6fbff) !important;
}

/* Navigation and interactive elements */
.event-menu, .conference-menu, .conf-menu {
  border-color: #215a7b;
}
.event-menu a:hover, .conference-menu a:hover, .conf-menu a:hover {
  background-color: #12557c;
  color: #fff;
}

/* Smaller screens: the complete image remains visible, without cropping. */
@media (max-width: 650px) {
  #header, .conference-header, .confheader, header.site-header {
    height: 35.6vw !important;
    min-height: 110px !important;
    background-size: contain !important;
  }
}

/* Erzwinge die volle Bildschirmbreite für den Header */
#header, .conference-header, .confheader, header.site-header {
  width: 100vw !important;
  max-width: 100% !important;
  margin-left: calc(-50vw + 50%) !important; /* Zentriert das Element über die volle Bildschirmbreite, falls es in einem schmaleren Container liegt */
  margin-right: calc(-50vw + 50%) !important;
}