:root {
  --tuwien-color: #069;
  --cg-color: #c32d9b;
  --box-background: #e4eef4;
  --hover-background: #efefef;
  --image-background: #d5d5d5;
  --page-background: #fafafa;
}
/* Custom CSS */
body {
  background-color: var(--page-background);
}
a,
a:visited,
a:hover,
a:active {
  color: var(--tuwien-color);
}
.file a {
  word-break: break-word;
  display: flex;
}
/* Quicklinks
Layout for Hotlinks:
<div class='hotlinks'>
  <h2>Quicklinks</h2>
  <div>
    <ul>
      <li>...</li>
    </ul>
  </div>
</div>

OR

<ul class='quicklinks'>
  <li></li>
</ul>
*/
ul:not([class]) {
  padding-left: 1.5em;
}
ul:not([class]) > li {
  padding-left: 1em;
}
ul:not([class]) > li::marker {
  content: '\25A0';
  color: var(--cg-color);
  font-weight: bold;
}

.item-list > ul {
  padding-left: 0;
}
.item-list > ul > li {
  padding-left: 0;
}
.item-list > ul > li::marker {
  content: '';
}

div.node--unpublished {
  position: relative;
  margin-top: 2.5em;
}
div.node--unpublished::before {
  content: "This content is unpublished and therefore not visible to visitors.";
  display: block;
  left: 0;
  right: 0;
  top: -2.125em;
  box-sizing: border-box;
  text-align: center;
  padding: 0.25em 0;
  position: absolute;
  color: red;
  border: 1px solid red;
  border-radius: 0.5em;
}
.unpublished {
  text-decoration: line-through;
}

/* Header */
div#block-cgheader .field__item {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
div#block-cgheader .icons {
  flex-shrink: 0;
  display: inline-block;
  white-space: nowrap;
}
div#block-cgheader ul {
  display: inline-block;
  margin: 0 0;
  padding: 0 0;
  margin-left: 1em;
}
div#block-cgheader ul li {
  list-style: none;
  font-size: 11pt;
  line-height: 1.2em;
}
div#block-cgheader ul li a,
div#block-cgheader ul li a:visited,
div#block-cgheader ul li a:hover,
div#block-cgheader ul li a:active {
  color: #707070 !important;
  text-decoration: none;
}
div#block-cgheader .icons {
  display: flex;
  flex-direction: row;
  gap: 0.8em;
}
div#block-cgheader .icons img {
  max-height: 4.5rem;
}
.pr-subfeatures {
  background: transparent;
}
#content-suffix,
#navbar {
  color: black;
  background-color: var(--box-background);
  border-top: 1px solid var(--tuwien-color);
  border-bottom: 1px solid var(--tuwien-color);
}
.ms-slidedown .rm-row,
.ms-slidedown .rm-region {
  background-color: transparent;
}
#navbar .rm-toggle__link {
  color: var(--cg-color);
  border: 1px solid var(--cg-color);
  background: transparent;
  border-radius: 0.25em;
}
.rm-block__content .menu-level-1 > li > span > .menu__link:focus,
.rm-block__content .menu .menu__link {
  background: transparent;
  padding: 0.5rem 2rem;
}
@media (max-width: 77.5em) {
.rm-block__content .menu-level-1 > li > span > .menu__link:focus,
.rm-block__content .menu .menu__link {
  padding: 0.5rem 1.65rem;
}
}
@media (max-width: 70em) {
.rm-block__content .menu-level-1 > li > span > .menu__link:focus,
.rm-block__content .menu .menu__link {
  padding: 0.5rem 1.25rem;
}
.ms-slidedown .rm-block__content .menu .menu__link {
  background-color: transparent;
}
}
#content-suffix .regions {
  background-color: transparent;
}
.breadcrumb {
  margin: 0.5em 0;
}
.breadcrumb {
  text-align: center;
}
#navbar ul {
  justify-content: center;
}
.breadcrumb a,
#navbar a {
  color: var(--cg-color);
}
.breadcrumb a:hover,
#navbar a:hover {
  text-decoration: underline;
  background-color: transparent;
}
.breadcrumb a.is-active,
#navbar a.is-active {
  color: black;
  background-color: transparent;
}
#block-fakebreadcrumbs,
#block-fakebreadcrumbs div.field {
  margin: 0 0;
}
.node {
  background-color: transparent;
  box-shadow: none;
  padding: 0 0;
  border-radius: 0;
}
.node p:last-child {
  margin-bottom: 1.25rem;
}

/* FONTS */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 1.2em;
}

.page__title,
h1 {
  font-weight: bold;
  text-decoration: none;
  font-size: 16pt;
  color: var(--cg-color);
}
.h3-h2-headers h3,
h2 {
  font-size: 12pt;
  background: var(--tuwien-color);
  color: #ffffff;
  padding: 0.25em 0.75em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.5em;
  border-radius: 0.5rem 0 0 0;
}
h3 {
  color: var(--tuwien-color);
  border-bottom: 1px solid var(--tuwien-color);
  font-weight: bold;
  padding: 2px;
  text-decoration: none;
  font-size: 12pt;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
.field__label {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}
.infobox h3.field__label {
  border-bottom: none;
}
.node--view-mode-teaser .field-node--node-title h2,
.node--view-mode-teaser .field-node--node-title h2 > a,
h2.block__title {
  font-weight: bold;
}
h2 > a,
h2 > a:visited,
h2 > a:hover,
h2 > a:active {
  color: white;
}
h4 {
  color: var(--tuwien-color);
  font-weight: bold;
  text-decoration: none;
  font-size: 11pt;
  margin-bottom: 0.125em;
}
div.infobox,
div.hotlinks,
#rid-sidebar-second .block__inner {
  position: relative;
  background-color: var(--box-background);
  border-radius: 0.5rem 0 0 0;
}
div.infobox:before {
  content: '';
  position: absolute;
  pointer-events: none;
  top: 1em;
  left: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid var(--tuwien-color);
  border-right: 1px solid var(--tuwien-color);
  border-bottom: 1px solid var(--tuwien-color);
}
div.infobox > h2,
div.hotlinks > h2,
#rid-sidebar-second .block__inner > h2 {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0.5rem 0 0 0;
}
div.infobox > div,
div.hotlinks > div,
#rid-sidebar-second .block__content {
  margin: 0 0;
  padding: 0.25em 0.5em;
}
div.infobox > ul,
div.hotlinks > ul {
  margin: 0 0;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 0.5em;
}
#block-views-block-group-photo-block-1-2 .block__content:last-of-type {
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
div.infobox > div ul,
div.hotlinks > div ul {
  margin: 0 0;
}
div.infobox {
  margin-bottom: 1rem;
}
div.infobox .view-footer {
  border-top: 1px solid var(--tuwien-color);
  margin: 0 -0.5em;
  margin-top: 1em;
  padding: 0.25em 0.5em;
}

.field-label-inline > h3 {
  border-bottom: none;
}

/* News */
.news-list ul li {
  display: grid;
  grid-template-columns: 70px auto;
  margin-bottom: 6px;
}
.news-list ul li div.img {
  grid-column: 1 2;
}
.news-list ul li div.img img {
  width: 64px;
}
.news-list ul li div.title {
  grid-column: 2 3;
}
.access-intern {
  color: #7f7f7f;
}
.access-intern a {
  color: #2fa7e3;
}

/* Workgroups */
.view-workgroups ul {
  display: flex;
  gap: 1em;
  flex-direction: row;
  margin-bottom: 1em;
}
.view-workgroups ul .header-image{
  text-align: center;
}
.view-workgroups ul .views-field-title {
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.25em;
}
.view-workgroups img {
  border-radius: 0.5em;
}

#block-views-block-group-photo-block-1-2 > .block__inner {
  border: none;
  background-color: transparent;
}
#block-views-block-group-photo-block-1-2 > .block__inner > .block__content {
  padding: 0 0;
}
#block-views-block-group-photo-block-1-2 > .block__inner > .block__content img {
  border-radius: 0.5em;
}
.node--type-group-photo .field--name-field-image,
.node--type-group-photo .field--name-field-image > img {
  width: 100%;
}

.field--name-field-header-image img,
.field-node--display-field-copynode-icon .view-id-node_displays > .view-content > .views-row > .views-field-field-header-image > .field-content img,
.header-image img {
  border-radius: 1em;
}
.view-news ul li img,
.view-kv ul li img {
  border-radius: 0.5em;
}

table {
  width: 100%;
}
table img {
  max-width: inherit;
  border-radius: 0.5em;
}

/* Research Projects */
/*
.project-list ul li {
  clear: right;
  margin-bottom: 1em;
}
.project-list ul li > .views-field-field-header-image {
  margin-left: 0.5em;
  float: right;
}
.project-list ul li > .views-field-field-header-image img {
  border-radius: 0.5em;
}
*/

/* grid-list (e.g. people) */
.grid-list {
}
.grid-list > ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 12em);
  justify-content: space-between;
  grid-gap: 0;
}
.grid-list > ul > li {
  vertical-align: top;
  display: block;
  text-align: center;
  width: 12em;
  padding: 0.5em 0;
}
.grid-list > ul > li:hover {
  background: var(--hover-background);
  border-radius: 0.5em;
}
.grid-list > ul > li > div.title {
  margin-top: 0.25em;
  font-weight: bold;
}
.grid-list > ul > li > div.header-image {
  display: inline-flex;
  background: var(--image-background);
  width: 96px;
  height: 96px;
  border-radius: 0.5em;
  align-items: center;
  justify-content: center;
}
.grid-list > ul > li > div.header-image img {
  border-radius: 0.5em;
  width: 96px;
  height: 96px;
  object-fit: contain;
}

/* cards (e.g. people) */
.cards {
}
.cards > ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 12em);
  justify-content: space-between;
  grid-gap: 1em 0.5em;
}
.cards > ul > li {
  vertical-align: top;
  display: block;
  border-radius: 1em;
  text-align: left;
  width: 12em;
  height: 21em;
  max-height: 24em;
  overflow: hidden;
  padding: 0 0 0.5em 0;
  margin-bottom: 1em;
  position: relative;
  background: #efefef;
}
.cards > ul > li:hover {
  background: #dfdfdf;
}
.cards > ul > li:after {
  content: ' ';
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255,255,255,1));
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2em;
}
.cards > ul > li > div {
  padding: 0 0.5em;
}
.cards > ul > li > div.title {
  margin-top: 0.25em;
  font-weight: bold;
}
.cards > ul > li > div.header-image {
  padding: 0 0;
  display: inline-flex;
  background: var(--image-background);
  width: 12em;
  height: 12em;
  align-items: center;
  justify-content: center;
}
.cards > ul > li > div.header-image img {
  width: 12em;
  height: 12em;
  object-fit: contain;
}
.cards.people > ul > li > div.header-image {
  height: 16em;
}
.cards.people > ul > li > div.header-image img {
  width: 12em;
  height: 16em;
  object-fit: contain;
}
.view-news .cards > ul > li > div.header-image img {
  border-radius: 0;
}

/* row-list (e.g. courses) */
.row-list > ul {
  padding-left: 0;
  margin: 0.5em 0;
}
.row-list > ul > li {
  list-style: none;
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-rows: min-content max-content;
  margin: 0.5em 0;
}
.row-list > ul > li:hover {
  background: var(--hover-background);
  border-radius: 0.5em;
}
.row-list > ul > li > div {
  text-align: left;
  grid-column: 2 / 3;
}
.row-list > ul > li > div.header-image {
  grid-column: 1 / 2;
  grid-row: 1 / 10;
  width: 96px;
  height: 96px;
  background: var(--image-background);
  border-radius: 0.5em;
  margin-right: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-list > ul > li > div.header-image img {
  width: 96px;
  height: 96px;
}
.grid-list.people > ul > li > div.header-image,
.row-list.people > ul > li > div.header-image {
  height: 128px;
}
.grid-list.small > ul > li > div.header-image,
.row-list.small > ul > li > div.header-image {
  width: 48px;
  height: 48px;
}
.grid-list.small > ul > li > div.header-image img,
.row-list.small > ul > li > div.header-image img {
  width: 48px;
  height: 48px;
}
.grid-list.people > ul > li > div.header-image img,
.row-list.people > ul > li > div.header-image img {
  height: 128px;
}
.grid-list.small.people > ul > li > div.header-image,
.row-list.small.people > ul > li > div.header-image {
  width: 36px;
}
.grid-list.small.people > ul > li > div.header-image img,
.row-list.small.people > ul > li > div.header-image img {
  width: 36px;
}
.hide-image > ul > li > div.header-image {
  display: none;
}
.hide-title > ul > li > div.title {
  display: none;
}
.hide-body > ul > li > div.body {
  display: none;
}
.row-list > ul > li > div.header-image.staff {
  width: 72px;
}
.row-list > ul > li > div.header-image img {
  border-radius: 0.5em;
  object-fit: contain;
}
.row-list > ul > li > div.title {
  font-weight: bold;
}

/* grid-banner (e.g. organisations) */
.grid-banner {
}
.grid-banner > ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 12em);
  justify-content: space-between;
  grid-gap: 0.25em;
}
.grid-banner > ul > li {
  vertical-align: top;
  display: block;
  text-align: center;
  width: 12em;
  min-height: 8em;
  margin-bottom: 0.5em;
}
.grid-banner > ul > li:hover {
  background: var(--hover-background);
  border-radius: 0.5em;
}
.grid-banner > ul > li > div.title {
  margin-top: 0.25em;
  font-weight: bold;
}
.grid-banner > ul > li > div.header-image {
  background: var(--image-background);
  border-radius: 0.5em;
  display: inline-block;
}
.grid-banner > ul > li > div.header-image a {
  /* also adapt maxHeight and maxWidth in scripts/aspect-keep-size.js */
  width: 12em;
  height: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-banner > ul > li > div.header-image a img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 0.5rem;
}

.field-label-inline > .field__items > .field__item > span > div {
  display: inline-block;
}
.field-label-inline > .field__items > .field__item > span::after {
  content: ',\00a0';
  display: inline;
}
.field-label-inline > .field__items > .field__item:last-of-type > span::after {
  content: '';
}

.view-id-courses.group-semester {
  display: flex;
  flex-direction: row;
}
.view-id-courses.group-semester > div {
  width: calc(50% - 0.5em);
  margin-right: 1em;
}
.view-id-courses.group-semester > div.semester-winter {
  order: 1;
}
.view-id-courses.group-semester > div.semester-summer {
  order: 2;
  margin-right: 0;
}
.view-id-courses .views-field.old {
  font-style: italic;
}
@media (max-width: 35em) {
.view-id-courses.group-semester {
  display: block;
}
.view-id-courses.group-semester > div {
  width: 100%;
  margin-right: 0;
}
}
@media (min-width: 45em) and (max-width: 55em) {
.view-id-courses.group-semester {
  display: block;
}
.view-id-courses.group-semester > div {
  width: 100%;
  margin-right: 0;
}
}


ul .header-image > .field-content > a > .node,
ul .header-image > .field-content > a > .node > .field--name-field-header-image {
  margin-bottom: 0;
}


.ds-2col-stacked-fluid {
  display: grid;
  grid-template-columns: calc(75% - 0.5rem) calc(25% - 0.5rem);
  grid-template-rows: [title] auto repeat(100, min-content [line]);
  column-gap: 1rem;
}
.ds-2col-stacked-fluid > .group-header {
  grid-column: 1 / 3;
  grid-row: title / line 1;
}
.ds-2col-stacked-fluid > .group-left {
  float: none;
  width: 100%;
  padding: 0 0;
  grid-column: 1 / 2;
  grid-row: line 1 / line 100;
}
.ds-2col-stacked-fluid > .group-right {
  float: none;
  width: 100%;
  padding-right: 0;
  grid-column: 2 / 3;
  grid-row: line 1 / line 2;
}
.ds-2col-stacked-fluid > .group-right > div {
  margin-bottom: 1rem;
}
.ds-2col-stacked-fluid > .group-right > .header-image {
  margin-bottom: 1rem;
}
.ds-2col-stacked-fluid > .group-right > .header-image img {
  width: 100%;
}
.ds-2col-stacked-fluid > .group-footer {
  grid-column: 2 / 3;
  grid-row: line 2 / line 3;
}
@media (max-width: 45em) {
.ds-2col-stacked-fluid {
  display: grid;
  grid-template-columns: 100%;
  column-gap: 1rem;
}
.ds-2col-stacked-fluid > .group-header {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}
.ds-2col-stacked-fluid > .group-left {
  float: none;
  width: 100%;
  padding: 0 0;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.ds-2col-stacked-fluid > .group-right {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display: flex;
  flex-direction: row;
  gap: 1em;
  justify-content: stretch;
}
.ds-2col-stacked-fluid > .group-right > div {
  flex-grow: 1;
}
.ds-2col-stacked-fluid > .group-right > .header-image {
  order: 5;
  flex-grow: 0;
  max-width: 20em;
}
.ds-2col-stacked-fluid > .group-footer {
  margin-top: 1em;
  grid-column: 1 / 2;
  grid-row: 4 / 5;
}
}

@media (max-width: 38em) and not print {
.ds-2col-stacked-fluid > .group-right {
  display: grid;
  row-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: auto min(33%, 20em);
  align-items: stretch;
}
.ds-2col-stacked-fluid > .group-right > div {
  grid-column: 1 / 3;
}
.ds-2col-stacked-fluid > .group-right > .header-image {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.ds-2col-stacked-fluid > .group-right > .header-image ~ div.infobox {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.ds-2col-stacked-fluid > .group-right > .header-image ~ div.infobox ~ div.infobox,
.ds-2col-stacked-fluid > .group-right > div.infobox {
  grid-column: 1 / 3;
  grid-row: auto;
}
}

/* Special fields */
.field-user--field-current-employment,
.highlight {
  border: 1px solid red;
  border-radius: 0.5rem 0 0 0;
  background: var(--hover-background);
  padding: 1em;
  margin-bottom: 1em;
}
.highlight p:last-of-type,
.field-user--field-current-employment p:last-of-type {
  margin-bottom: 0;
}

/*
#teaser {
}
#teaser > div {
  display: none;
}
#teaser > div:first-of-type {
  display: block;
}
*/
#teaser > div > a {
  display: block;
  margin-bottom: 0.25em;
}
#teaser > div > a > img {
  width: 100%;
  height: 17em;
  object-fit: cover;
  border-radius: 1em;
}

.node--id-712 > .group-left > div > div > div.field__item > div {
  margin-bottom: 1em;
}

.cg-default {
  display: grid;
  grid-template-columns: calc(75% - 0.5rem) calc(25% - 0.5rem);
  grid-template-rows: [title] auto repeat(100, min-content [line]) auto;
  column-gap: 1rem;
}
.cg-default > .group-header {
  grid-column: 1 / 3;
  grid-row: title / line 1;
  break-after: avoid;
  break-before: avoid;
}
.cg-default > .group-footer {
  grid-column: 1 / 3;
}
.cg-default > .group-main {
  float: none;
  width: 100%;
  padding: 0 0;
  grid-column: 1 / 2;
  grid-row: line 1 / line 100;
  break-after: avoid;
  break-before: avoid;
}
.cg-default > .group-sidebar-top {
  float: none;
  width: 100%;
  padding-right: 0;
  grid-column: 2 / 3;
  grid-row: line 1 / line 2;
  break-after: avoid;
  break-before: avoid;
}
.cg-default > .group-sidebar-top > div {
  margin-bottom: 1rem;
}
.cg-default > .group-sidebar-top > .header-image {
  margin-bottom: 1rem;
}
.cg-default > .group-sidebar-top > .header-image img {
  width: 100%;
}
.cg-default > .group-sidebar-top > .field-node--field-header .infobox:last-of-type {
  margin-bottom: 0;
}
.cg-default > .group-sidebar-below {
  grid-column: 2 / 3;
  grid-row: line 2 / line 3;
}
@media (max-width: 45em) {
.cg-default {
  display: grid;
  grid-template-columns: auto;
  column-gap: 1rem;
}
.cg-default > .group-header {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.cg-default > .group-footer {
  grid-column: 1 / 2;
  grid-row: 5 / 6;
}
.cg-default > .group-main {
  float: none;
  width: 100%;
  padding: 0 0;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.cg-default > .group-sidebar-top {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display: flex;
  flex-direction: row;
  gap: 1em;
  justify-content: stretch;
}
.cg-default > .group-sidebar-top > div {
  flex-grow: 1;
}
.cg-default > .group-sidebar-top > .header-image {
  order: 5;
  flex-grow: 0;
  max-width: 20em;
}
.cg-default > .group-sidebar-below {
  margin-top: 1em;
  grid-column: 1 / 2;
  grid-row: 4 / 5;
}
}

@media (max-width: 38em) {
.cg-default > .group-sidebar-top {
  display: grid;
  row-gap: 0;
  grid-auto-flow: row;
  grid-template-columns: auto min(33%, 20em);
  align-items: stretch;
}
.cg-default > .group-sidebar-top > div {
  grid-column: 1 / 3;
}
.cg-default > .group-sidebar-top > .header-image {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.cg-default > .group-sidebar-top > .header-image ~ div.infobox {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.cg-default > .group-sidebar-top > .header-image ~ div.infobox ~ div.infobox,
.cg-default > .group-sidebar-top > div.infobox {
  grid-column: 1 / 3;
  grid-row: auto;
}
}

/* Lost Colleagues */
.view-lost-colleagues .header-image img {
  filter: grayscale(100%);
}

/* Hall of Fame */
.field-paragraph--field-body {
  margin-bottom: 0.5em;
}
.field-paragraph--field-body p:last-of-type {
  margin-bottom: 0;
}
.ds-2col-stacked > .group-right {
  width: calc(50% - 1em);
}

.item-list.button-list > ul {
  padding-left: 1.5em;
}
.item-list.button-list > ul > li {
  padding-left: 1em;
}
.item-list.button-list > ul > li::marker {
  content: '\25A0';
  color: var(--cg-color);
  font-weight: bold;
}

/* Webforms */
.webform-submission-form .form-type-radio label.option,
.webform-submission-form .form-type-checkbox label.option {
  background-color: transparent;
}
.webform-submission-form fieldset {
  margin-bottom: 1rem;
}
.webform-submission-form .fieldset-wrapper > div,
.webform-submission-form .fieldset-wrapper > div .form-item {
  margin-bottom: 0;
}

div.warning,
div.field-name-field-warning {
  border: 1px solid red;
  padding: 1em;
  border-radius: 0.5em;
  text-align: center;
}
div.field-name-field-warning div.field {
  margin-bottom: 0;
}
div.field-name-field-warning div.field__item p {
  margin-bottom: 0;
}

div.field-short-warning {
  color: red;
}

/** Konversatorium **/
.kv-list h3 {
  border-bottom: none;
}
/* format video icon in title */
.view-id-talks .views-field-title .views-element-container {
  display: inline-block;
}

/** Events - Full Calendar Display / Schedule **/
.fc-event {
  border: 0;
  color: #000000;
}
.fc h2 {
  background-color: var(--page-background);
  color: black;
  padding: 0 0;
}
.fc table {
  margin-bottom: 0;
}

/** WINTERGRAPH 202x **/
.view-wintergraph-participants > div.view-rows .views-field {
  font-size: 150%;
  line-height: 1.25em;
}
.view-wintergraph-participants > div.view-rows td.picture { /* Picture */
  width: 8em;
  height: 8em;
  text-align: center;
}
.view-wintergraph-participants > div.view-rows td.picture img { /* Picture */
  max-height: 100%;
}
.view-wintergraph-participants > div.view-rows .name { /* Name */
  width: 30%;
}
.view-wintergraph-participants > div.view-rows .name { /* Name */
  width: 30%;
}

.view-wintergraph-participant-notes table {
  margin: 0 0 0.5em;
}
.view-wintergraph-participant-notes h2 {
  margin-bottom: 0.1em;
  font-size: 10pt;
}
@media print {
.view-wintergraph-participant-notes h2 {
  border: none !important;
  padding: 0 0;
}
}
.view-wintergraph-participant-notes thead {
  display: none;
}
.view-wintergraph-participant-notes > div.view-rows .views-field {
  font-size: 100%;
  line-height: 1em;
  padding: 0.1em;
}
.view-wintergraph-participant-notes > div.view-rows td.picture { /* Picture */
  text-align: center;
  width: 2.25em;
}
.view-wintergraph-participant-notes > div.view-rows td.picture img { /* Picture */
  height: 2.5em;
  object-fit: contain;
}
.view-wintergraph-participant-notes > div.view-rows .name { /* Name */
  width: 25%;
}
.view-wintergraph-participant-notes > div.view-rows .name a { /* Name */
  font-size: 75%;
}
/** /WINTERGRAPH 2022 **/

/** /WINTERGRAPH 2022 **/

img.inline-image {
  height: 0.9em;
  margin-left: 0.25em;
  vertical-align: baseline;
}

/* Re-usable Icons */
.node--view-mode-teaser.node--type-reusable-icon,
.node--view-mode-teaser.node--type-reusable-icon > div > .field.field--name-field-header-image {
  margin-bottom: 0;
}
/*
.node--view-mode-teaser.node--type-reusable-icon > div > .field.field--name-field-header-image img {

}*/
.views-field-field-header-image > div > a {
  display: block;
  margin: 0 0;
  padding: 0 0;
}
.cards .views-field-field-header-image > div > a img {
  border-radius: 0;
}


ul > li > div.header-image .object-fit-fill img {
  object-fit: fill;
}
ul > li > div.header-image .object-fit-contain img {
  object-fit: contain;
}
ul > li > div.header-image .object-fit-cover img {
  object-fit: cover;
}
ul > li > div.header-image .object-fit-none img {
  object-fit: none;
}
ul > li > div.header-image .object-fit-scale-down img {
  object-fit: scale-down;
}

div.infobox .view-halls-of-fame-gallery {
  padding: 1em;
  padding-top: 0em;
}

/** Gallery **/
.field--name-field-gallery > .field__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: stretch;
  gap: 1em;
}
.field--name-field-gallery > .field__items > .field__item {
  padding: 0.5em;
  background: var(--box-background);
  border: 1px solid var(--tuwien-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.field--name-field-gallery > .field__items img {
  object-fit: contain;
  display: block;
}
@media (max-width: 38em) {
.field--name-field-gallery > .field__items {
  grid-template-columns: 1fr 1fr;
}
}