  /* Replace the page title text with a logo image */
.faculty-it .entry-page-title__link {
  /* Set logo as background */
  background-image: url('/fileadmin/website_uni_ulm/iui.inst.120/00_assets/logos/MWT_2_D_RGB.svg');
  
  /* Prevent tiling of the image */
  background-repeat: no-repeat;
  
  /* Position logo at bottom-left of the element */
  background-position: bottom left;
  
  /* Make the link behave like a block (so width/height apply) */
  display: block;
  
  /* Scale image: keep width automatic, fix height to 70px */
  background-size: auto 70px;
  
  /* Fix container height to match logo */
  height: 70px;
  
  /* Hide the actual text visually (still exists in DOM) */
  color: transparent !important;
}

/* If page language is English, use a different logo */
html:lang(en) .faculty-it .entry-page-title__link {
  background-image: url('/fileadmin/website_uni_ulm/iui.inst.120/00_assets/logos/MWT_2_E_RGB.svg');
}

/* Hide the first content element inside the main content area */
main > div.row > div.content-element:first-child {
  display: none;
}

/* Fix spacing issue for nested content elements */
div.content-element > div.content-element {
  /* Remove extra vertical padding */
  padding-top: 0;
  padding-bottom: 0;
}

/* Style all h2 headings */
h2 {
  /* Add space above headings */
  padding-top: 1em;
  
  /* Add smaller space below headings */
  padding-bottom: 0.5em;
}

/* Style custom top title section */
div.mwt_top-title {
  /* Prevent floating behavior (ensure normal flow) */
  clear: none;

  /* Add vertical spacing for visual separation */
  padding-top: 2em;
  padding-bottom: 2em;

  /* Make it span full width */
  width: 100%;
}

/* Style the main heading inside the title section */
div.mwt_top-title h1 {
  /* Remove default top margin */
  margin-top: 0;
  
  /* Apply custom blue-gray color */
  color: #7a99ac;
}

/* Style slider navigation arrows (likely Slick slider) */
button.slick-arrow {
  /* Add large vertical padding to center the icon visually */
  padding-top: 50%;
  padding-bottom: 50%;
  
  /* Ensure background icon is centered */
  background-position: center;
}