#logo {
  height: 100px;
}

#unilogo img {
  height: 60px;
  width: auto;
}

#deptlogo img {
  height: 65px;
  width: auto;
}

#pict_offs img {
  display: block;
  width: 100%;
  height: auto;
}

/* TYPO3 13: Kopfbereich */
#logo {
  height: 110px;
  float: none;
  width: 100%;
  position: relative;
  z-index: 5;
}

#logo #unilogo,
#logo #deptlogo {
  margin: 15px 24px;
}

#logo #unilogo img {
  display: block;
  max-height: 65px;
  max-width: 230px;
  width: auto;
  height: auto;
}

#logo #deptlogo img {
  display: block;
  max-height: 70px;
  width: auto;
  height: auto;
}

#pict_offs {
  position: relative;
  top: 0;
  clear: both;
}

/* TYPO3 13: Zweispaltiges Layout */
#content-columns {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 15px;
  clear: both;
}

#content-columns #col1 {
  flex: 0 0 18%;
  min-width: 0;
  float: none;
}

#content-columns #col3 {
  flex: 1;
  min-width: 0;
  float: none;
  width: auto;
}

#content-columns #col1 ul {
  list-style: none;
  padding-left: 0;
}

/* TYPO3 13: Abstand zwischen Banner und Inhalt */
#content-columns {
  position: relative;
  top: 0;
  margin-top: 15px;
}

#content-columns #col1,
#content-columns #col3 {
  position: static;
  top: auto;
  margin-top: 0;
}

#content-columns #col3 h1 {
  margin-top: 0;
}

/* TYPO3 13: Moderne Inhaltskarten */
#content-columns #col3 .frame {
  background: #edf4f8;
  border: 1px solid #d7e5ef;
  border-radius: 6px;
  padding: 18px 20px;
  margin-bottom: 18px;
  box-sizing: border-box;
}

#content-columns #col3 .frame img {
  max-width: 100%;
  height: auto;
}