/* Struktur */
.page-heute-an-der-rub .mensa-wrapper > .group-left,
.page-mensa .mensa-wrapper > .group-left {
  float: left;
  margin-bottom: 3.6em;
  width: 72.728%;
  
}

.page-heute-an-der-rub .mensa-wrapper > .group-left .group-left-inner,
.page-mensa .mensa-wrapper > .group-left .group-left-inner {
  background-color: #fff;
  padding: 3.6em 3em 1.1em 3em;
}

.page-heute-an-der-rub .mensa-wrapper > .group-right,
.page-mensa .mensa-wrapper > .group-right {
  float: left;
  width: 27.272%;
}

.page-heute-an-der-rub .mensa-wrapper > .group-right .group-right-inner,
.page-mensa .mensa-wrapper > .group-right .group-right-inner {
  padding: 3.6em 6em 3.6em 3em;
}

.mensa-wrapper .field-heute-bild,
.mensa-wrapper .field-mensa-bild {
  margin-bottom: 2.6em;
}

.mensa-wrapper .field-heute-bild img,
.mensa-wrapper .field-mensa-bild img {
  height: auto;
  width: 100%;
}

.mensa-item-content {
  padding-top: 0.5em;
}

.mensa-wrapper .dachzeile {
  color: #8dae10;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.5em;
  text-transform: uppercase;
  margin-bottom: 0.111em;
}

.mensa-wrapper h2 {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 3.6em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.167em;
  margin-bottom: 0.222em;
}

.mensa-wrapper h2.mensa-item-label {
  padding-top: 0.222em;
}

.mensa-wrapper .mensa-content.empty,
.mensa-wrapper .mensa-disclaimer {
  font-size: 2.1em;
  letter-spacing: 0.02em;
  line-height: 1.429em;
  padding-top: 0.333em;
  margin-bottom: 0.81em;
}

.mensa-wrapper .infobox-wrapper {
  margin-bottom: 1.8em;
  margin-top: 4.2em;
}

.mensa-wrapper .mensa-times {
  background: rgba(0, 0, 0, 0) url("../images/icon-entypo-pie-chart.png") no-repeat scroll left 0.2em / 1em 1em;
  color: #7c7c7b;
  font-family: RUB-Neu Flama,Arial,sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
  padding-left: 2em;
}

.mensa-wrapper .mensa-times p {
  margin-bottom: 0.81em;
}

.mensa-wrapper .mensa-times p:last-child {
  margin-bottom: 0;
}

.mensa-wrapper .mensa-times-label {
  color: #17365c;
  font-weight: bold;
  margin-bottom: 0.81em;
}


/* Zwischenüberschrift */
.mensa-wrapper  .mensa-item-content-label {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 2.1em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.429em;
}


/* Listen */
.mensa-wrapper  ul {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.667em;
  list-style-position: outside;
  list-style-type: square;
  padding-bottom: 1.278em;
  padding-left: 1em;
  padding-top: 0.056em;
}

.mensa-wrapper  ol {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.667em;
  list-style-position: outside;
  padding-bottom: 1.278em;
  padding-left: 1em;
  padding-top: 0.056em;
}

.mensa-wrapper  ul li,
.mensa-wrapper  ol li {
  padding-left: 1em;
}

.mensa-wrapper .group-left-inner a {
  border-bottom: 1px solid #c1bbba; 
  padding-bottom: 0.105em;
}

.mensa-wrapper .group-left-inner a:hover,
.mensa-wrapper .group-left-inner a:focus {
  border-bottom-color: #8dae10;
  color: #8dae10;
}




/** 
 * Media queries
 */
@media only screen and (max-width: 1130px) {
  
  .page-heute-an-der-rub .mensa-wrapper > .group-left,
  .page-mensa .mensa-wrapper > .group-left {
    margin-bottom: 2.1em;
  }
  
  .page-heute-an-der-rub .mensa-wrapper > .group-left .group-left-inner,
  .page-mensa .mensa-wrapper > .group-left .group-left-inner {
    padding: 2.1em 2.1em 0.6em 2.1em;
  }

  .page-heute-an-der-rub .mensa-wrapper > .group-right .group-right-inner,
  .page-mensa .mensa-wrapper > .group-right .group-right-inner {
    padding: 2.1em 6em 2.1em 2.1em;
  }
} 
 
@media only screen and (max-width: 850px) { 

  .page-heute-an-der-rub .mensa-wrapper > .group-left,
  .page-mensa .mensa-wrapper > .group-left {
    width: 67.728%;
  }

  .page-heute-an-der-rub .mensa-wrapper > .group-right,
  .page-mensa .mensa-wrapper > .group-right {
    width: 32.272%;
  }
}
 
@media only screen and (max-width: 700px) {
  
  .page-heute-an-der-rub .mensa-wrapper > .group-left,
  .page-mensa .mensa-wrapper > .group-left {
    float: none;
    margin-bottom: 0;
    width: 100%;
  }

  .page-heute-an-der-rub .mensa-wrapper > .group-right,
  .page-mensa .mensa-wrapper > .group-right {
    background-color: #e6e4e4;
    float: none;
    margin-bottom: 1.5em;
    width: 100%;
  }
  
  .page-heute-an-der-rub .mensa-wrapper > .group-left .group-left-inner,
  .page-mensa .mensa-wrapper > .group-left .group-left-inner {
    padding: 1.5em 1.5em 1.2em 1.5em;
  }

  .page-heute-an-der-rub .mensa-wrapper > .group-right .group-right-inner,
  .page-mensa .mensa-wrapper > .group-right .group-right-inner {
    padding: 1.5em 1.5em 1.5em 1.5em;
  }
  
  .mensa-wrapper .infobox-wrapper {
    margin-bottom: 0.3em;
    margin-top: 2.8em;
  }
  
  .mensa-wrapper .field-heute-bild,
  .mensa-wrapper .field-mensa-bild {
    margin-bottom: 2em;
  }
  
  .mensa-wrapper .dachzeile {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 0.2em;
  }

  .mensa-wrapper h2 {
    font-size: 2.1em;
    line-height: 1.286em;
    margin-bottom: 0.444em;
  }

  .mensa-wrapper h2.mensa-item-label {
    padding-top: 0.5em;
  } 
  
  .mensa-wrapper .mensa-content.empty,
  .mensa-wrapper .mensa-disclaimer {
    font-size: 1.8em;
    line-height: 1.333em;
    margin-bottom: 0.81em;
  } 

  .mensa-wrapper ul {
    padding-bottom: 0.833em;
  }
  
  
  /* Zwischenüberschrift */
  .mensa-wrapper  .mensa-item-content-label  {
    font-size: 1.8em;
    line-height: 1.333em;
  }
}