/* Fonts via RUB-Web */
/*
  @font-face {
    font-family: 'RUB Nepo Icons';
      src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/rub-web-icons.woff) format("woff"),
          url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/rub-web-icons.ttf) format("truetype"),
          url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/rub-web-icons.svg#rub-web-icons) format("svg");
          
          font-weight:normal;
          font-style:normal;
  }
*/
@font-face {
  font-family: 'RUB-Neu Flama';
  src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/FlamaPro-Medium.woff) format("woff"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/FlamaPro-Medium.ttf) format("truetype"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/FlamaPro-Medium.svg#FlamaBold) format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'RUB-Neu Flama';
  src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/flamapro-basic.woff) format("woff"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/flamapro-basic-A.ttf) format("truetype"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/flamapro-basic.svg#FlamaBasic) format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'RUB-Neu Scala';
  src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/0a2caf4c-c387-4017-b49a-ff310c9b904a.eot#iefix) format("eot"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/76bc2c95-998a-471c-a9a1-d91a5acd91f4.woff2) format("woff2"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/dd5daa4e-14c2-42a9-838e-73fa41ea9044.woff) format("woff"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/3be292a2-4a09-4da9-a6d0-b49bc9bd1416.ttf) format("truetype"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/0af5367d-999c-4bc0-9bad-9422140ca749.svg#0af5367d-999c-4bc0-9bad-9422140ca749) format("svg");
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: 'RUB-Neu Scala';
  src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/d6334097-85f7-45a7-b236-61fde24453f4.eot#iefix) format("eot"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/610a9c94-45a4-4549-81df-a9307ddfd949.woff2) format("woff2"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/3fe779fd-47cd-4f65-8e79-523e6106a73c.woff) format("woff"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/d1d81415-bffa-4516-a833-9e545abc685c.ttf) format("truetype"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/95fba401-19ec-44f6-b568-5cad124a3f73.svg#95fba401-19ec-44f6-b568-5cad124a3f73) format("svg");
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: 'RUB-Neu Scala';
  src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/0e076fbb-4139-4d5e-8bc0-8bf5a90766e0.eot#iefix) format("eot"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/6a92fda6-9e6d-40b9-a93a-37e712a64599.woff2) format("woff2"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/06807d16-017f-4d3d-afb1-1f97c0150427.woff) format("woff"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/affe177e-580a-4dad-8333-dee8db15c368.ttf) format("truetype"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/d6e16d44-3e92-437e-9f02-6f3ca07c3a96.svg#d6e16d44-3e92-437e-9f02-6f3ca07c3a96) format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'RUB-Neu Scala';
  src:url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/179f9213-a414-4fd1-914a-8e7b8f2a24d2.eot#iefix) format("eot"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/f6dc818d-560b-492b-8a95-e5fb445c15cf.woff2) format("woff2"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/556c8792-4efa-40d8-9944-3ce48e9edc1b.woff) format("woff"),
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/402d489d-8605-4109-911f-c2fe749c5210.ttf) format("truetype"), 
      url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/c2f4564c-1e6b-499c-875f-0e56eb9f6c35.svg#c2f4564c-1e6b-499c-875f-0e56eb9f6c35) format("svg");
  font-style: normal;
  font-weight: normal;
}



/* Reset, body, standards */
*,
table,
tbody,
td  {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html {
  font-size: 16px;
}

@media only screen and (min-width: 1460px) { 
  
  html {
    /* font-size: 18px; */
  }
} 

@media only screen and (min-width: 1660px) { 
  
  html {
    /* font-size: 20px; */
  }
} 

@media only screen and (min-width: 1860px) { 
  
  html {
    /* font-size: 22px; */
  }
} 

body {
	background-color: #f6f6f6;
  color: #3c3c3b;
	font-family: RUB-Neu Scala, Times, serif;
	font-size: 62.5%;
	font-weight: normal;
  position: relative;
}

h1 {
  display: none;
}

a {
	color: #7c7c7b;
	text-decoration: none;
}

a:hover {
	color: #7c7c7b;
}

a, 
a:hover, 
a:active, 
a:focus {
  outline: 0;
}

.clear {
  clear: both;
}




/* Header */ 
#header-wrapper {
  background-color: #17365c;
  height: auto;
  position: relative;
  z-index: 9600;
}

#header-inner-wrapper {
  margin: 0 auto;
  max-width: 126em;
}


/* Header left */ 
#header-left {
  float: left;
  width: 30em;
}

@media only screen and (max-width: 1130px) { 
  
  #header-left {
    width: auto;
  }
}

#header-left-inner {
  padding-top: 4.4em;
  padding-bottom: 2.6em;
  padding-left: 2.1em;
  padding-right: 6em;
}

@media only screen and (max-width: 700px) {  
  
  #header-left-inner {
    padding: 2.6em 0 1.8em 1.5em;
  }
}


/* Header center */ 
#header-center {
  width: auto;
  overflow: hidden;
}


/* Header right */ 
#header-right {
  display: none;
}




/* Footer */ 
#footer-wrapper {
  background-color: #17365c;
  height: auto;
}

#footer-inner-wrapper {
  margin: 0 auto;
  max-width: 126em;
}


/* Footer left */ 
#footer-left {
  float: left;
  width: 30em;
}

@media only screen and (max-width: 1130px) { 
  
  #footer-left {
    width: auto;
  }
}

#footer-left-inner {
  padding-top: 4.4em;
  padding-bottom: 2.6em;
  padding-left: 2.1em;
  padding-right: 6em;
}

@media only screen and (max-width: 700px) {  
  
  #footer-left-inner {
    padding: 2.6em 0 1.8em 1.5em;
  }
}


/* Footer right */ 
#footer-right {
  overflow: hidden;
  width: auto;
}

#footer-right-inner {
  padding-bottom: 4em;
  padding-top: 3.9em;
}




/* Header and footer - Logo */
.rub-logo {
  height: 4.0em;  
  width: auto;
}

@media only screen and (max-width: 700px) {  
  
  .rub-logo {
    height: 3.5em;  
  }
}




/* Sub menu and content */ 
#meta-menu-wrapper {
  position: relative;
}

#sub-menu-and-content-wrapper { 
  background-color: #f2f1f1;
  height: auto;
  margin: 0 auto 0 auto;
  max-width: 126.0em;
  overflow: hidden;
  width: 100%;  
}




/* Sub menu */ 
#sub-menu {
  float: left;
  width: 30em;
}

@media only screen and (max-width: 1130px) { 
  
  #sub-menu {
    background-color: #e5e5e4;
    border-bottom: 0.6em solid #7c7c7b;
    border-top: 0.6em solid #8dae10;
    float: none;
    overflow: hidden;
    position: relative;
    width: 100%; 
    z-index: 9200;
  }
}

.page-aktionen-dankvent #sub-menu,
.page-exzellent #sub-menu,
.node-type-webform #sub-menu,
.node-type-standard #sub-menu,
.node-type-standard-standard #sub-menu,
.page-mensa #sub-menu,
.page-heute-an-der-rub #sub-menu,
.page-redaktion #sub-menu,
.page-user #sub-menu {
  width: 27em;
}

@media only screen and (max-width: 1130px) { 

  .page-aktionen-dankvent #sub-menu,
  .page-exzellent #sub-menu,
  .node-type-webform #sub-menu,
  .node-type-standard #sub-menu,
  .node-type-standard-standard #sub-menu,
  .page-mensa #sub-menu,
  .page-heute-an-der-rub #sub-menu,
  .page-redaktion #sub-menu,
  .page-user #sub-menu  {
    width: 100%;
  }
}

#sub-menu-inner {
  padding-top: 2.5em;
  padding-bottom: 5.0em;
  padding-left: 2.1em;
  padding-right: 6em;
}

@media only screen and (max-width: 1130px) { 
  
  #sub-menu-inner {
    padding-bottom: 0.4em;
    padding-top: 0.4em;
    padding-right: 2.1em;
  }
}

@media only screen and (max-width: 700px) {  
  
  #sub-menu-inner {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}

.page-aktionen-dankvent #sub-menu-inner,
.page-exzellent #sub-menu-inner,
.node-type-webform #sub-menu-inner,
.node-type-standard #sub-menu-inner,
.node-type-standard-standard #sub-menu-inner,
.page-mensa #sub-menu-inner,
.page-heute-an-der-rub #sub-menu-inner,
.page-redaktion #sub-menu-inner,
.page-user #sub-menu-inner {
  padding-right: 3em;
}




/* Content */ 
#content {
  overflow: hidden;
  width: auto;
}

@media only screen and (max-width: 1130px) { 
  
  #content {
    float: none;
    width: 100%; 
  }
}

#content-inner {
  padding-top: 3.6em;
  padding-bottom: 3.6em;
}

.page-aktionen-dankvent #content-inner,
.page-exzellent #content-inner,
.node-type-webform #content-inner,
.node-type-standard #content-inner,
.node-type-standard-standard #content-inner,
.page-mensa #content-inner,
.page-heute-an-der-rub #content-inner,
.page-redaktion #content-inner,
.page-user #content-inner {
  padding-top: 0;
} 

@media only screen and (max-width: 1130px) { 
  
  #content-inner {
    padding-top: 2.1em;
    padding-bottom: 2.1em;
  }
  
  .page-aktionen-dankvent #content-inner,
  .page-exzellent #content-inner,
  .node-type-webform #content-inner,
  .node-type-standard #content-inner,
  .node-type-standard-standard #content-inner,
  .page-mensa #content-inner,
  .page-heute-an-der-rub #content-inner,
  .page-redaktion #content-inner,
  .page-user #content-inner {
    padding-left: 2.1em;
    padding-top: 2.1em;
  } 
}

@media only screen and (max-width: 700px) {  
  
  .page-aktionen-dankvent #content-inner,
  .page-exzellent #content-inner,
  #content-inner,
  .node-type-webform #content-inner,
  .node-type-standard #content-inner,
  .node-type-standard-standard #content-inner,
  .page-mensa #content-inner,
  .page-heute-an-der-rub #content-inner,
  .page-redaktion #content-inner,
  .page-user #content-inner   {
    padding: 0;
  }
}



.teaser-row-wrapper {
  margin-bottom: 3.6em;
  padding-right: 6em;
}

.teaser-row-wrapper.full {
  padding-right: 0;
}

@media only screen and (max-width: 1130px) {  
  
  .teaser-row-wrapper {
    margin-bottom: 2.1em;
    padding-left: 2.1em;
  }
}

@media only screen and (max-width: 700px) {  
  
  .teaser-row-wrapper {
    margin-bottom: 1.5em;
    padding-left: 0;
    padding-right: 0;
  }
}

.teaser-row-wrapper:last-child,
.last-child .teaser-row-wrapper {
  margin-bottom: 0;
}