/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/lato-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-regular.woff2") format("woff2"), url("../fonts/lato-v14-latin-regular.woff") format("woff"), url("../fonts/lato-v14-latin-regular.ttf") format("truetype"), url("../fonts/lato-v14-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/lato-v14-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Italic"), local("Lato-Italic"), url("../fonts/lato-v14-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-italic.woff2") format("woff2"), url("../fonts/lato-v14-latin-italic.woff") format("woff"), url("../fonts/lato-v14-latin-italic.ttf") format("truetype"), url("../fonts/lato-v14-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lato-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/lato-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-700.woff2") format("woff2"), url("../fonts/lato-v14-latin-700.woff") format("woff"), url("../fonts/lato-v14-latin-700.ttf") format("truetype"), url("../fonts/lato-v14-latin-700.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/lato-v14-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"), url("../fonts/lato-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-900.woff2") format("woff2"), url("../fonts/lato-v14-latin-900.woff") format("woff"), url("../fonts/lato-v14-latin-900.ttf") format("truetype"), url("../fonts/lato-v14-latin-900.svg#Lato") format("svg"); /* Legacy iOS */
}
/* ------------------------------------------------------------------------------------- */
/* ----- Grundlegende Definitionen ----------------------------------------------------- */
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/lato-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-regular.woff2") format("woff2"), url("../fonts/lato-v14-latin-regular.woff") format("woff"), url("../fonts/lato-v14-latin-regular.ttf") format("truetype"), url("../fonts/lato-v14-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/lato-v14-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Italic"), local("Lato-Italic"), url("../fonts/lato-v14-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-italic.woff2") format("woff2"), url("../fonts/lato-v14-latin-italic.woff") format("woff"), url("../fonts/lato-v14-latin-italic.ttf") format("truetype"), url("../fonts/lato-v14-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lato-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/lato-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-700.woff2") format("woff2"), url("../fonts/lato-v14-latin-700.woff") format("woff"), url("../fonts/lato-v14-latin-700.ttf") format("truetype"), url("../fonts/lato-v14-latin-700.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/lato-v14-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"), url("../fonts/lato-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v14-latin-900.woff2") format("woff2"), url("../fonts/lato-v14-latin-900.woff") format("woff"), url("../fonts/lato-v14-latin-900.ttf") format("truetype"), url("../fonts/lato-v14-latin-900.svg#Lato") format("svg"); /* Legacy iOS */
}
html {
  /* wichtige Angaben fuer den Sticky-Footer */
  position: relative;
  min-height: 100%;
}

html, body, button, input, select, textarea, h1, h2, h3, h4 {
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: #131516;
}

body {
  /* Hier Hoehe des Footers angegeben, damit der Hauptinhalt nicht hinter den Footer 
  rutscht, wenn der gesamte Inhalt (inkl. Header und Footer) die Fenster-Hoehe 
  uebersteigt.

  Leider setzt Bootstrap im body-Tag selber einen Wert als padding-bottom ein,
  der aber nicht ausreicht um auch die unterste Zeile sichtbar zu machen,
  nur mit Hilfe von Bootstrap wuerden die letzten Inhaltselemente teilweise 
  hinter dem Footer verschwinden.
  Dadurch das Bootstrap den Wert mit Hilfe von JavaScript in den body-Tag
  schreibt, hilft es hier auch nicht padding-bottom selber zu definieren
  -> Kombination mit margin-bottom
  In der Kombination mit einem korrekten margin-bottom, das der Hoehe des
  Footers entspricht, entsteht durch Bootstrap aber ein grosser Leerraum zwichen
  dem Seiteninhalt und dem Footer
  -> (Teil-)Abzug des durch Bootstrap erzeugten padding-bottom
  */
  margin-bottom: 415px;
}
@media screen and (min-width: 768px) {
  body {
    margin-bottom: 275px;
  }
}
@media screen and (min-width: 992px) {
  body {
    margin-bottom: 145px;
  }
}

.tx-srlanguagemenu {
  margin-top: 0;
}
.tx-srlanguagemenu .NO a {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42857143;
}
.tx-srlanguagemenu .CUR a {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42857143;
}
.tx-srlanguagemenu .CUR a.flag:before, .tx-srlanguagemenu .CUR a.linked-language:before {
  content: none;
  padding-right: 3px;
}

/* ------------------------------------------------------------------------------------- */
/* ----- Definitionen fuer den Header-Bereich ------------------------------------------- */
header {
  width: 100%;
  height: 84px;
}
@media screen and (min-width: 415px) {
  header {
    height: 108px;
  }
}
@media screen and (min-width: 768px) {
  header {
    height: 132px;
  }
}
@media screen and (min-width: 992px) {
  header {
    height: 156px;
  }
}
header .bar {
  width: 100%;
}
@media screen and (min-width: 992px) {
  header .bar {
    display: block;
    background: #eceded;
    height: 26px;
  }
}
@media print {
  header .bar {
    display: none !important;
  }
}
header .bar .language {
  display: none;
  font-size: 0.875em;
  padding-top: 0.25em;
}
@media screen and (min-width: 992px) {
  header .bar .language {
    display: block;
  }
  header .bar .language .tx-srlanguagemenu {
    float: right;
  }
}
@media print {
  header .bar .language {
    display: none !important;
  }
}
header .bar .language a {
  color: black;
  text-decoration: none;
}
header .bar .language a:focus {
  background: #cfd1d2;
}
header .iks-cube {
  background: #0098a1;
  margin-left: 15px;
  width: 28px;
  height: 28px;
}
@media screen and (min-width: 415px) {
  header .iks-cube {
    width: 36px;
    height: 36px;
  }
}
@media screen and (min-width: 768px) {
  header .iks-cube {
    width: 44px;
    height: 44px;
  }
}
@media screen and (min-width: 992px) {
  header .iks-cube {
    width: 52px;
    height: 52px;
    margin-top: -26px;
  }
}
header .iks-logo {
  display: inline-block;
  background: white;
  border: #eceded 2px solid;
  height: 63px;
  margin-top: -21px;
  margin-left: 43px;
}
@media screen and (min-width: 415px) {
  header .iks-logo {
    height: 81px;
    margin-top: -27px;
    margin-left: 51px;
  }
}
@media screen and (min-width: 768px) {
  header .iks-logo {
    height: 99px;
    margin-top: -33px;
    margin-left: 59px;
  }
}
@media screen and (min-width: 992px) {
  header .iks-logo {
    height: 110px;
    /* Abstand oben = 1/12 hH
    -> negativ, weil iks-logo zur Haelfte ueber bar liegen soll
    = - (0.5*cubeHeight + 0.5*barHeight) */
    margin-top: -39px;
    margin-left: 67px;
  }
}
header .iks-logo img {
  height: 100%;
  width: auto;
}

/* ------------------------------------------------------------------------------------- */
/* ----- Definitionen fuer den Navigations-Bereich ------------------------------------- */
/* Mobile first: Mobile-Nav ist standardmaessig aktiviert */
/* Media-Query zum Umschalten von Mobile-Nav zu Wide-Nav */
.nav {
  /* Die Aufklappfunktion mit Nav-Hamburger und Sprachauswahl **************/
  /* Die eigentliche Navigation als hierarchische Liste ********************/
}
@media screen and (min-width: 992px) {
  .nav {
    margin: 14px;
  }
}
.nav .menu-down {
  padding: 0px 15px;
  border-left: 1px solid #9c9e9f;
}
.nav .nav-smooth-divider {
  height: 16px;
  background: white;
  margin: 0 -15px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255)); /*Safari 5.1-6*/
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgb(255, 255, 255)); /*Fx 3.6-15*/
  background: linear-gradient(to top, rgba(255, 255, 255, 0.25), rgb(255, 255, 255)); /*Standard*/
}
@media screen and (min-width: 992px) {
  .nav .nav-smooth-divider {
    display: none;
  }
}
.nav a {
  color: black;
  text-decoration: none;
}
.nav a:hover, .nav a:active {
  font-weight: 700;
}
.nav a.selectedNav {
  font-weight: 700;
}
.nav .nav-header {
  display: block;
  width: 100%;
  height: 30px;
  background-color: #eceded;
  border-style: solid;
  border-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #cfd1d2;
}
@media screen and (min-width: 992px) {
  .nav .nav-header {
    display: none;
  }
}
@media print {
  .nav .nav-header {
    display: none !important;
  }
}
.nav .nav-header .language-mobile {
  heigth: 15px;
  text-align: right;
  box-sizing: border-box;
  padding: 0;
  float: right;
}
.nav .nav-header .language-mobile a {
  padding-top: 0.25em;
  color: black;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
}
.nav .nav-header .language-mobile div.tx-srlanguagemenu.tx-srlanguagemenu-links {
  text-align: right;
}
.nav .nav-list {
  padding: 0;
  border-right: 1px solid #cfd1d2;
  /* Definition der Navigation Ebene 1 *********************************/
  /*ul.nav-level-one li:nth-last-child(6n) ul {
  	margin-left: -1*16.66666667%;
  }*/
  /* Definition der Navigation Ebene 2 *********************************/
  /* Definition der Navigation Ebene 3 *********************************/
}
@media screen and (min-width: 992px) {
  .nav .nav-list {
    border: none;
  }
}
.nav .nav-list ul.nav-level-one {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-one {
    display: block;
    width: 100%;
  }
}
@media print {
  .nav .nav-list ul.nav-level-one {
    display: none !important;
  }
}
.nav .nav-list ul.nav-level-one li.nav-level-one-link {
  border-style: solid;
  border-width: 0px 0px 2px 8px;
  border-color: #9c9e9f;
  background-color: white;
  padding: 6px 0px 4px 7px;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-one li.nav-level-one-link {
    border: none;
    float: left;
    background-color: white;
    width: 16.66666667%;
    padding-left: 0;
    padding-bottom: 0;
  }
  .nav .nav-list ul.nav-level-one li.nav-level-one-link a.nav-wide-screen {
    width: 100%;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    padding-left: 0px;
    padding: 0 15px;
  }
}
.nav .nav-list ul.nav-level-two {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-two {
    position: absolute;
    z-index: 100;
    width: 33.33333334%;
  }
}
.nav .nav-list ul.nav-level-two li {
  padding: 6px 0px 4px 0px;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-two li {
    padding: 6px 0 4px 0;
  }
}
.nav .nav-list ul.nav-level-two li a {
  border: none;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-two li a {
    padding-left: 15px;
  }
}
.nav .nav-list ul.nav-level-two li a.selectedNav div {
  color: black;
  background-color: #eceded;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-two li a.selectedNav div {
    background-color: none;
  }
}
.nav .nav-list ul.nav-level-two li a:hover, .nav .nav-list ul.nav-level-two li a:active {
  font-weight: 400;
}
.nav .nav-list ul.nav-level-two li a.selectedNav {
  font-weight: 700;
}
.nav .nav-list ul.nav-level-three {
  display: none;
  list-style-type: none;
  margin-left: -7px;
  padding-left: 7px;
  background-color: #eceded;
  border-style: solid;
  border-width: 1px 0px;
  border-color: #cfd1d2;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-three {
    width: 100%;
    margin: 0 15px 0 0;
    padding: 0;
    width: 100%;
  }
}
.nav .nav-list ul.nav-level-three li {
  border-style: none;
  padding: 6px 15px 4px 0;
}
.nav .nav-list ul.nav-level-three li a {
  color: black;
}
@media screen and (min-width: 992px) {
  .nav .nav-list ul.nav-level-three li {
    padding-left: 15px;
  }
  .nav .nav-list ul.nav-level-three li a {
    padding: 0;
  }
}

@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) ul.nav-level-two {
    margin-left: -16.66666667%;
  }
}

.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) {
  border-color: #9c9e9f;
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a:hover, .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a.selectedNav {
  color: black;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a {
    border-color: #9c9e9f;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a:hover {
    color: black;
    background-color: #eceded;
  }
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a.selectedNav {
  color: #9c9e9f;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a.selectedNav {
    color: black;
    background-color: #eceded;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) a.selectedNav div {
    background-color: #cfd1d2;
  }
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) ul.nav-level-two {
    background-color: #eceded;
    border: solid 1px #9c9e9f;
    border-bottom-width: 8px;
    margin-top: 2px;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) ul.nav-level-two a {
    border: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) ul.nav-level-two a:hover {
    background-color: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) ul.nav-level-three {
    background-color: #cfd1d2;
    border-color: #9c9e9f;
    border-width: 1px 0;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(1) ul.nav-level-three li a:hover {
    background-color: #cfd1d2;
  }
}

.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) {
  border-color: #d0d95c;
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a:hover, .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a.selectedNav {
  color: black;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a {
    border-color: #d0d95c;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a:hover {
    color: black;
    background-color: #f9faed;
  }
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a.selectedNav {
  color: #d0d95c;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a.selectedNav {
    color: black;
    background-color: #f9faed;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) a.selectedNav div {
    background-color: #f0f3d0;
  }
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) ul.nav-level-two {
    background-color: #f9faed;
    border: solid 1px #d0d95c;
    border-bottom-width: 8px;
    margin-top: 2px;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) ul.nav-level-two a {
    border: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) ul.nav-level-two a:hover {
    background-color: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) ul.nav-level-three {
    background-color: #f0f3d0;
    border-color: #e0e69a;
    border-width: 1px 0;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(2) ul.nav-level-three li a:hover {
    background-color: #f0f3d0;
  }
}

.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) {
  border-color: #00b1b7;
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a:hover, .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a.selectedNav {
  color: black;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a {
    border-color: #00b1b7;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a:hover {
    color: black;
    background-color: #ebf6f6;
  }
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a.selectedNav {
  color: #00b1b7;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a.selectedNav {
    color: black;
    background-color: #ebf6f6;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) a.selectedNav div {
    background-color: #cae7e7;
  }
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) ul.nav-level-two {
    background-color: #ebf6f6;
    border: solid 1px #00b1b7;
    border-bottom-width: 8px;
    margin-top: 2px;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) ul.nav-level-two a {
    border: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) ul.nav-level-two a:hover {
    background-color: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) ul.nav-level-three {
    background-color: #cae7e7;
    border-color: #89cccf;
    border-width: 1px 0;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(3) ul.nav-level-three li a:hover {
    background-color: #cae7e7;
  }
}

.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) {
  border-color: #2d7f83;
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a:hover, .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a.selectedNav {
  color: black;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a {
    border-color: #2d7f83;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a:hover {
    color: black;
    background-color: #e6ecec;
  }
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a.selectedNav {
  color: #2d7f83;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a.selectedNav {
    color: black;
    background-color: #e6ecec;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) a.selectedNav div {
    background-color: #bfd0d1;
  }
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) ul.nav-level-two {
    background-color: #e6ecec;
    border: solid 1px #2d7f83;
    border-bottom-width: 8px;
    margin-top: 2px;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) ul.nav-level-two a {
    border: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) ul.nav-level-two a:hover {
    background-color: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) ul.nav-level-three {
    background-color: #bfd0d1;
    border-color: #7da4a7;
    border-width: 1px 0;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(4) ul.nav-level-three li a:hover {
    background-color: #bfd0d1;
  }
}

.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) {
  border-color: #8dc060;
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a:hover, .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a.selectedNav {
  color: black;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a {
    border-color: #8dc060;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a:hover {
    color: black;
    background-color: #f2f7ec;
  }
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a.selectedNav {
  color: #8dc060;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a.selectedNav {
    color: black;
    background-color: #f2f7ec;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) a.selectedNav div {
    background-color: #ddebce;
  }
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) ul.nav-level-two {
    background-color: #f2f7ec;
    border: solid 1px #8dc060;
    border-bottom-width: 8px;
    margin-top: 2px;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) ul.nav-level-two a {
    border: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) ul.nav-level-two a:hover {
    background-color: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) ul.nav-level-three {
    background-color: #ddebce;
    border-color: #b8d698;
    border-width: 1px 0;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(5) ul.nav-level-three li a:hover {
    background-color: #ddebce;
  }
}

.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) {
  border-color: #8ebae5;
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a:hover, .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a.selectedNav {
  color: black;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a {
    border-color: #8ebae5;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a:hover {
    color: black;
    background-color: #e8f1fa;
  }
}
.nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a.selectedNav {
  color: #8ebae5;
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a.selectedNav {
    color: black;
    background-color: #e8f1fa;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) a.selectedNav div {
    background-color: #c7ddf2;
  }
}
@media screen and (min-width: 992px) {
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) ul.nav-level-two {
    background-color: #e8f1fa;
    border: solid 1px #8ebae5;
    border-bottom-width: 8px;
    margin-top: 2px;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) ul.nav-level-two a {
    border: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) ul.nav-level-two a:hover {
    background-color: none;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) ul.nav-level-three {
    background-color: #c7ddf2;
    border-color: #8ebae5;
    border-width: 1px 0;
  }
  .nav ul.nav-level-one li.nav-level-one-link:nth-of-type(6) ul.nav-level-three li a:hover {
    background-color: #c7ddf2;
  }
}

/* Basis-Funktionalitaet fuer den Navigations-Hamburger **********************/
#navToggle {
  width: 25px;
  height: 100%;
  position: absolute;
  top: 4px;
  left: 15px;
  cursor: pointer;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

#navToggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: black;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* Der erste Hamburger-Balken */
#navToggle span:nth-child(1) {
  top: 0px;
  moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

/* Der zweite Hamburger-Balken */
#navToggle span:nth-child(2) {
  top: 8px;
  moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

/* Der dritte Hamburger-Balken */
#navToggle span:nth-child(3) {
  top: 16px;
  moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

/* Der erste Hamburger-Balken rotiert bei Klick*/
#navToggle.open span:nth-child(1) {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}

/* Der zweite Hamburger-Balken verschwindet bei Klick*/
#navToggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

/* Der dritte Hamburger-Balken rotiert bei Klick*/
#navToggle.open span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
  left: 4px;
}

/* Fixierte Positionierung des Hauptmenues beim Runterscrollen */
.nav-fixed {
  position: fixed;
  z-index: 100; /* damit sich der Seiteninhalt hinter das Menue schiebt wegen position: relative */
  width: 100%;
  top: 0;
}

/* ------------------------------------------------------------------------------------- */
/* ----- Definitionen fuer den Footer-Bereich ------------------------------------------- */
footer {
  width: 100%;
  background: #cfd1d2;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #9c9e9f;
  padding-bottom: 1em;
  /* wichtige Angaben fuer den Sticky-Footer */
  position: absolute;
  bottom: 0px;
  height: 415px;
}
@media screen and (min-width: 768px) {
  footer {
    height: 275px;
  }
}
@media screen and (min-width: 992px) {
  footer {
    height: 145px;
  }
}
@media print {
  footer {
    display: none !important;
  }
}
footer h3 {
  font-size: 1em;
  font-weight: 700;
}
footer ul {
  list-style-type: none;
  font-size: 0.875em;
  margin: 0;
  padding: 0;
}
footer ul li {
  margin: 0 0 0.25em 0;
}
footer a {
  display: block;
  color: black;
  text-decoration: none;
}
footer a:hover, footer footer a:active {
  text-decoration: underline;
  color: black;
}
footer a:focus {
  background: #eceded;
  color: black;
}

/* ----------------------------------------------------------------------------------- */
/* ----- Definitionen fuer den Main-Bereich ------------------------------------------ */
main {
  /* Fuer einen etwas groesseren Abstands des Hauptinhalts zum Sticky-Footer */
  padding-bottom: 45px;
  /*
  Damit Ueberschriften, die ganz oben in einer Spalte stehen
  nicht tiefer "sitzen" als normaler Texte, der dirket in der
  Spalte daneben steht, kann diesen Inhaltelement eine
  entsprechende Klasse mitgegeben werden. 
  Die drei verschiedenen Stufen sind dafuer notwendig, da nach
  auf kleineren Displays die Inhaltsspalten zu unterschiedlichen
  Momenten nach unten klappen. Dann soll natuerlich wieder 
  ein Abstand zum oberen Inhalt angezeigt werden.
  */
  /*
  Bootstrap-Klasse fuer Grid-Spalten mit Farbhintergrund
  -> hier die Farbe an die RWTH-Grau-Schattierungen
  angepasst
  -> wird z.B. auf der Startseite in der Kontakt-Spalte rechts verwendet
  */
  /*
  Klasse fuer Content-Element-Layout:
  hell-grauer Hintergrund bei einem eizelnen CE
  z.B. Staff-Detail oder Alumni-Detail
  */
  /*
  Klasse fuer Content-Element-Layout:
  hell-tuerkiser Hintergrund bei einem eizelnen CE
  z.B. Staff-Detail oder Alumni-Detail
  */
  /* Style fuer Tabellen mit Zwischenlinien */
  /* Style fuer zweispaltige Tabellen, Spalte 1 25% breit, Spalte 2 75% breit */
  /* Style fuer zweispaltige Tabellen, Spalte 1 75% breit, Spalte 2 25% breit */
  /* Icons vor Links, Telefonnummern, etc. */
}
main .backToTop {
  text-align: right;
  font-size: 0.75em;
  margin-top: 15px;
  padding-right: 15px;
}
main .hidden {
  display: none !important;
}
main span.font-grey {
  color: #646567;
}
main .breadcrumb {
  background-color: white;
  padding: 0px;
  font-size: 0.85em;
  color: #9c9e9f;
  margin: 0;
}
main .breadcrumb li.active {
  color: #9c9e9f;
}
main .ce-menu dt {
  font-weight: 700;
  font-size: 1.125em;
  margin-top: 20px;
  margin-bottom: 10px;
}
main .ce-menu dd {
  margin: 0 0 10px;
}
main strong {
  font-weight: 700;
}
main em {
  font-style: italic;
}
main h1 {
  font-weight: 700;
  font-size: 1.625em; /* = 26px */
  border-bottom-style: solid;
  border-bottom-width: 8px;
  border-color: #eceded;
  padding-left: 15px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
main h2 {
  font-weight: 700;
  font-size: 1.25em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #9c9e9f;
  padding: 0 0 2px 0;
}
main h3 {
  font-weight: 700;
  font-size: 1.125em;
}
main h4 {
  font-weight: 700;
  margin-bottom: 0;
}
main div.header-top-1 h2, main div.header-top-1 h3, main div.header-top-1 h4 {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  main div.header-top-2 h2, main div.header-top-2 h3, main div.header-top-2 h4 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  main div.header-top-3 h2, main div.header-top-3 h3, main div.header-top-3 h4 {
    margin-top: 0;
  }
}
main a {
  color: #407fb7;
  text-decoration: none;
}
main a:hover, main a:active {
  text-decoration: underline;
}
main a:focus {
  color: black;
  background: #8ebae5;
  outline: none;
}
main ul {
  list-style: none;
  margin: 0.5rem 0 0.5rem 0;
  padding: 0 0 0 1.7em;
}
@media print {
  main ul {
    padding: 0 0 0 1em;
  }
}
main ul li {
  position: relative;
}
@media screen {
  main ul li:before {
    content: " ";
    background-size: cover;
    background-image: url("../Icons/icon-ul-li.svg");
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    left: -1rem;
    top: 0.35rem;
  }
}
@media print {
  main ul li:before {
    content: url("../Icons/icon-print-ul-li.png");
  }
}
main .page-navigation {
  padding: 30px 0;
}
main .page-navigation li:before {
  content: none;
  background-image: none;
  background-size: none;
  width: 0px;
  position: none;
  left: 0px;
  top: 0px;
}
main .bg-info {
  background-color: #eceded;
}
main .bg-rwth-gray {
  color: #131516;
  background-color: #eceded;
  padding: 15px;
  margin: 15px -15px;
}
main .bg-rwth-tuerkis {
  color: #131516;
  background-color: #ebf6f6;
  padding: 15px;
  margin: 15px -15px;
}
main table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  padding: 0 0.5rem 0 0.5rem;
  margin: 0.5em 0 0.5em 0;
  border: 1px solid #cfd1d2;
  /* page-break-inside:auto; */
  /*tr{
  	page-break-inside:avoid;
  	page-break-after:auto;
  }*/
}
main table thead {
  background-color: #eceded;
  text-align: left;
  vertical-align: bottom;
}
main table th {
  background-color: #eceded;
}
main table th, main table td {
  padding: 0.5em 0.5rem 0.5em 0.5rem;
  border-left: 1px solid #cfd1d2;
}
main .table-bordered th, main .table-bordered td {
  border-bottom: 1px solid #cfd1d2;
}
main .table-25-75 tr td:first-child {
  width: 25%;
}
main .table-75-25 tr td:first-child {
  width: 75%;
}
main .csc-textpic-image table {
  border: 0;
}
main .csc-textpic-image table th, main .csc-textpic-image table td {
  border: 0;
}
main .align-right {
  text-align: right;
}
main .align-center {
  text-align: center;
}
@media screen {
  main .icon-phone:before, main .phone:before {
    content: "";
    display: inline-block;
    background: url("../Icons/icon-phone.svg") no-repeat left center;
    background-size: 0.8em;
    padding-right: 15px;
    height: 0.8em;
    width: 0.8em;
  }
}
@media print {
  main .icon-phone:before, main .phone:before {
    content: "Tel.: ";
  }
}
@media screen {
  main .icon-fax:before {
    content: "";
    display: inline-block;
    background: url("../Icons/icon-fax.svg") no-repeat left center;
    background-size: 0.8em;
    padding-right: 15px;
    height: 0.8em;
    width: 0.8em;
  }
}
@media print {
  main .icon-fax:before {
    content: "Fax: ";
  }
}
@media screen {
  main .icon-mail:before, main .mail:before {
    content: "";
    display: inline-block;
    background: url("../Icons/icon-mail.svg") no-repeat left center;
    background-size: 0.8em;
    padding-right: 15px;
    height: 0.8em;
    width: 0.8em;
  }
}
@media print {
  main .icon-mail:before, main .mail:before {
    content: "";
  }
}
@media screen {
  main .icon-external:before, main .external-link:before {
    content: "";
    display: inline-block;
    background: url("../Icons/icon-external.svg") no-repeat left center;
    background-size: 0.8em;
    padding-right: 15px;
    height: 0.8em;
    width: 0.8em;
  }
}
@media print {
  main .icon-external:before, main .external-link:before {
    content: "";
  }
}
@media screen {
  main .icon-detail:before {
    content: "";
    display: inline-block;
    background: url("../Icons/icon-detail.svg") no-repeat left center;
    background-size: 0.8em;
    padding-right: 15px;
    height: 0.8em;
    width: 0.8em;
  }
}
@media print {
  main .icon-detail:before {
    content: "";
  }
}
@media screen {
  main .icon-download:before, main .download:before {
    content: "";
    display: inline-block;
    background: url("../Icons/icon-download.svg") no-repeat left center;
    background-size: 0.8em;
    padding-right: 15px;
    height: 0.8em;
    width: 0.8em;
  }
}
@media print {
  main .icon-download:before, main .download:before {
    content: "";
  }
}
.main-1 h1 {
  border-color: #cfd1d2;
}

.main-2 h1 {
  border-color: #f0f3d0;
}

.main-3 h1 {
  border-color: #cae7e7;
}

.main-4 h1 {
  border-color: #bfd0d1;
}

.main-5 h1 {
  border-color: #ddebce;
}

.main-6 h1 {
  border-color: #c7ddf2;
}

/* ----------------------------------------------------------------------------------- */
/* ----- Definitionen fuer Mediendateien im den Main-Bereich ------------------------- */
main {
  /*
  Bilder werden grundsaetzlich in 100% Breite des umgebenden div dargestellt,
  damit ueber das jeweilige div die Groesse responsive definiert werden kann.
  */
  /***** Bilder neben dem Text bzw. vom Text umflossen *********************/
  /*
  Bilder werden bei der Auswahl "neben dem Text" grundsaetzlich vom Text umflossen
  und nicht mit als "Spalte" neben den Text gesetzt 
  -> Abschlaten dieser Typo3-Einstellung durch kein "overflow: hidden"
  */
  /***** Bilder die oberhalb oder unterhalb vom Text angezeigt werden ******/
  /*
  Anzeige von Bildern oberhalb des Textes
  -> passend Abstand zum Text unterhalb der Bild-Gallerie festlegen
  */
  /*
  Anzeige von Bildern unterhalb des Textes
  -> passend Abstand zum Text oberhalb der Bild-Gallerie festlegen
  */
  /*
  Allgemeine Einstellungen fuer eine Gallerie-Spalte:
  Grundsaetzlich werden alle Bilder, die oberhalb oder unterhalb
  des Textes stehen, centriert angezeigt
  */
  /*
  Container, der die div-Groesse exakt auf die Medien-Groesse
  beschraenkt, um eine absolute Positionierung des 
  div.media-copyright innerhalb dieses div zu ermoeglichen
  */
  /*
  Bei Anzeige des Urheberrechts (z.B. Fotograf bei Bildern)
  setzt dieses div den Text in das Bild unten rechts mit
  transparentem dunkelgrauem Hintergrund und hellgrauer Schrift
  */
}
main img {
  max-width: 1000px;
  max-height: auto;
  width: 100%;
  height: auto;
}
main video {
  max-width: 100%;
  max-height: auto;
  width: 95%;
  height: auto;
}
main div.ce-textpic.ce-intext div.ce-bodytext {
  overflow: visible;
}
main div.ce-textpic.ce-intext div.ce-gallery {
  /*
  In der Mobile-Ansicht werden die Bilder ueber 
  die volle Displaybreite angezeigt
  */
  margin-bottom: 15px;
  width: 100%;
  /*
  Ab sehr grossen Smart-Phones oder Tablet im Hochformat
  wird die Bildgroesse neben dem Text auf ca. 1/3 der
  Spaltenbreite begrenzt
  */
}
main div.ce-textpic.ce-intext div.ce-gallery img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 415px) {
  main div.ce-textpic.ce-intext div.ce-gallery {
    width: 30%;
  }
  main div.ce-textpic.ce-intext div.ce-gallery img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  main div.ce-textpic.ce-intext div.ce-gallery {
    width: 32%;
  }
}
@media screen and (min-width: 992px) {
  main div.ce-textpic.ce-intext div.ce-gallery {
    width: 35%;
  }
}
main div.ce-textpic.ce-intext div.ce-gallery div.ce-column {
  width: 100%;
  margin: 0;
}
main div.ce-textpic.ce-intext.ce-left div.ce-gallery {
  margin-right: 20px;
}
main div.ce-textpic.ce-intext.ce-right div.ce-gallery {
  margin-left: 20px;
}
main div.ce-above div.ce-gallery {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  main div.ce-above div.ce-gallery {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) {
  main div.ce-above div.ce-gallery {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  main div.ce-above div.ce-gallery {
    margin-bottom: 25px;
  }
}
main div.ce-below div.ce-gallery {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  main div.ce-below div.ce-gallery {
    margin-top: 15px;
  }
}
@media screen and (min-width: 992px) {
  main div.ce-below div.ce-gallery {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  main div.ce-below div.ce-gallery {
    margin-top: 25px;
  }
}
@media screen and (min-width: 415px) {
  main div.ce-textpic.ce-center div.ce-row, main div.ce-textpic.ce-right div.ce-row, main div.ce-textpic.ce-left div.ce-row {
    /*
    Die Zentrierung der Inhalte einer Reihe wird nur ab groesseren
    Smartphones oder Tablets im Hochkantfortmat eingestellt,
    da Bilder in der Mobile-Ansicht ueber die volle Breite des Inhalts
    angezeigt werden.
    */
    display: flex;
    align-items: top;
    justify-content: center;
  }
}
main div.ce-textpic.ce-center div.ce-column, main div.ce-textpic.ce-right div.ce-column, main div.ce-textpic.ce-left div.ce-column {
  /*
  In der Mobile-Variante werden Bilder ueber die volle Breite des
  Displays angezeigt und erhalten nur oben und unten zusaetzlichen Abstand
  */
  width: 100%;
  margin: 10px 0;
}
@media screen and (min-width: 415px) {
  main div.ce-textpic.ce-center div.ce-column, main div.ce-textpic.ce-right div.ce-column, main div.ce-textpic.ce-left div.ce-column {
    /*
    Ab Displays von grossen Smartphones oder Tablets im Hochkantformat
    werden die Spalten der Gallerie nicht mehr ueber die volle Breite
    ausgegeben sondern nebeneinander. Die Bilder werden hier in der
    Breite reduziert, damit sie rundum einen Abstand erhalten koennen -
    also auch zwischen Bildern, wenn mehrere Spalten verwendet werden.
    */
    width: 85%;
    margin: 10px;
  }
}
main div.ce-center div.ce-outer {
  float: none;
  right: 0;
}
main div.ce-center div.ce-outer div.ce-inner {
  float: none;
  right: 0;
}
main div.ce-border img {
  border: none;
}
main div.ce-border video {
  border: 1px solid #9c9e9f;
}
main figure {
  /*
  wird benoetigt, damit bei Fotograf-Kennzeichnung (s.u.) 
  die Bildunterschrift ueber das Bild gelegt werden kann
  */
  position: relative;
}
main figure figcaption {
  color: #9c9e9f;
  text-align: center;
  font-size: 0.85em;
  padding-top: 8px;
}
main div.media-container {
  display: block;
  position: relative;
}
main div.media-copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  font-size: 0.65em;
  color: #cfd1d2;
  background-color: rgba(100, 101, 103, 0.7);
  padding: 4px;
}
@media screen and (min-width: 768px) {
  main div.media-copyright {
    padding: 8px 10px;
  }
}

/* ------------------------------------------------------------------------------------- */
/* ----- Definitionen fuer das Karusell ------------------------------------------------ */
.carousel {
  position: relative;
  margin: 30px -15px 0px -15px;
}
@media screen and (min-width: 768px) {
  .carousel {
    margin: 30px -15px 30px -15px;
    height: 305px;
  }
}
@media screen and (min-width: 992px) {
  .carousel {
    height: 380px;
  }
}
@media screen and (min-width: 1200px) {
  .carousel {
    height: 460px;
  }
}
.carousel .carousel-inner {
  position: relative;
  height: auto;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-inner {
    position: absolute;
    top: 0;
    height: 265px;
  }
}
@media screen and (min-width: 992px) {
  .carousel .carousel-inner {
    height: 340px;
  }
}
@media screen and (min-width: 1200px) {
  .carousel .carousel-inner {
    height: 420px;
  }
}
.carousel .carousel-inner .item a:hover {
  text-decoration: none;
}
.carousel .carousel-inner .item img {
  padding: 0;
  margin: 0;
  repeat: none;
}
.carousel .carousel-inner .item .copyright {
  position: absolute;
  top: 0;
  right: 0;
}
.carousel .carousel-inner .item .copyright p {
  font-size: 0.65em;
  color: #cfd1d2;
  background-color: rgba(100, 101, 103, 0.7);
  margin: 0;
  padding: 4px;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-inner .item .copyright p {
    padding: 8px 10px;
  }
}
.carousel .carousel-inner .item .carousel-caption {
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
  position: relative;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 70px;
  width: 100%;
  padding: 0;
  background-color: #eceded;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-inner .item .carousel-caption {
    position: absolute;
    z-index: 10;
    color: black;
    text-align: left;
    left: 0;
    background-color: rgba(236, 237, 237, 0.7);
    top: 185px;
    height: 80px;
    padding: 0px 20px;
  }
}
@media screen and (min-width: 992px) {
  .carousel .carousel-inner .item .carousel-caption {
    top: 260px;
    height: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .carousel .carousel-inner .item .carousel-caption {
    top: 340px;
    height: 80px;
    padding: 0px 30px;
  }
}
.carousel .carousel-inner .item .carousel-caption h3 {
  color: black;
  font-size: 1em;
  font-weight: 400;
  text-align: left;
  padding: 15px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-inner .item .carousel-caption h3 {
    font-size: 1em;
    line-height: 1.25em;
  }
}
@media screen and (min-width: 992px) {
  .carousel .carousel-inner .item .carousel-caption h3 {
    line-height: 1.25em;
    font-size: 1.25em;
  }
}
.carousel .carousel-control {
  display: none;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-control {
    display: block;
    position: absolute;
    font-size: 20px;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
    background-color: rgba(100, 101, 103, 0.7);
    /* opacity: .5; */
    top: 102px;
    width: 50px;
    height: 60px;
  }
}
@media screen and (min-width: 992px) {
  .carousel .carousel-control {
    top: 140px;
  }
}
@media screen and (min-width: 1200px) {
  .carousel .carousel-control {
    top: 170px;
    width: 70px;
    height: 80px;
  }
}
.carousel .carousel-control .left {
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
}
.carousel .carousel-control .right {
  right: 0;
  left: auto;
  width: 100%;
  height: 100%;
}
.carousel .carousel-control .glyphicon {
  line-height: 0.7em;
}
.carousel .carousel-indicators {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 15;
    height: 40px;
    list-style: none;
  }
}
.carousel .carousel-indicators li {
  display: inline-block;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #cfd1d2;
  border-radius: 15px;
  width: 17px;
  height: 17px;
  margin: 7px;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 5px;
  }
}
.carousel .carousel-indicators .active {
  width: 17px;
  height: 17px;
  margin: 7px;
  background-color: #cfd1d2;
}
@media screen and (min-width: 768px) {
  .carousel .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 5px;
  }
}

/* ----------------------------------------------------------------------------------- */
/* ----- Definitionen fuer die Mitarbeiterliste -------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* Mitarbeiterplatzhalter: 
	- Um in der zweispaltigen Darstellung eine gewuenschte Postitionierung eines
	  Eintrags zu erreichen (z.B. Antweiler rechts), kann ein "leeres" Content-Element
	  angelegt werden mit dem Layout Staff-Listing-Item-hidden
	- Die Anzeige wird aber in der einspaltigen Darstellung ausgeschaltet
*/
div.staff-listing-hidden {
  display: none;
}
@media screen and (min-width: 992px) {
  div.staff-listing-hidden {
    display: block;
  }
}

/* Mitarbeiter mit Foto:
Vorgabe des Rahmens und Festlegung der Groessenstaffelung der Fotos fuer die 
verschiedenen Displaygroessen
*/
div.staff-listing, div.staff-listing-dummypic {
  line-height: 150%;
  margin-bottom: 45px;
}
div.staff-listing div.ce-gallery img, div.staff-listing-dummypic div.ce-gallery img {
  width: auto !important;
  height: 200px !important;
  margin-bottom: 1em;
}
@media screen and (min-width: 415px) {
  div.staff-listing, div.staff-listing-dummypic {
    margin-bottom: 0;
  }
}

div.staff-details div.staff-details-picture {
  width: 100%;
}
@media screen and (min-width: 575px) {
  div.staff-details div.staff-details-picture {
    width: 33%;
    float: left !important;
  }
}
@media screen and (min-width: 992px) {
  div.staff-details div.staff-details-picture {
    width: 100%;
  }
}
div.staff-details div.staff-details-picture img {
  width: auto;
  margin: 15px auto;
  height: 15.625em;
}
@media screen and (min-width: 575px) {
  div.staff-details div.staff-details-picture img {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 15px;
    padding-left: 0;
  }
}
@media screen and (min-width: 992px) {
  div.staff-details div.staff-details-picture img {
    height: 21.875em;
    width: auto;
    margin: 0 auto;
  }
}
div.staff-details div.bg-rwth-gray {
  width: 100%;
  margin-left: 0;
  margin-right: 15px;
  position: relative;
}
@media screen and (min-width: 575px) {
  div.staff-details div.bg-rwth-gray {
    width: 60%;
    float: right !important;
    margin-right: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@media screen and (min-width: 992px) {
  div.staff-details div.bg-rwth-gray {
    width: 100%;
  }
}

/* ------------------------------------------------------------------------------------- */
/* ----- Definitionen fuer die Sitemap ------------------------------------------------- */
.sitemap a {
  color: #131516;
  text-decoration: none;
}
.sitemap a:hover {
  text-decoration: none;
}
.sitemap ul.level-three, .sitemap ul.level-four {
  margin: 0;
}
.sitemap ul.level-two a:hover, .sitemap ul.level-three a:hover, .sitemap ul.level-four a:hover {
  text-decoration: underline;
}

.news-list-item-p p:nth-of-type(2) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(3) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(4) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(5) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(6) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(7) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(8) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(9) {
  margin-top: -0.75rem;
}

.news-list-item-p p:nth-of-type(10) {
  margin-top: -0.75rem;
}

div.news-image-detail img {
  width: 100%;
  height: auto;
}

.news-single .article .news-img-wrap {
  float: none;
  width: 100%;
  margin: 0;
}

.news .article .news-img-wrap img {
  width: 100%;
  height: auto;
  padding: 30px 15px;
}
@media screen and (min-width: 768px) {
  .news .article .news-img-wrap img {
    width: 100%;
    padding: 15px 0;
  }
}
@media screen and (min-width: 992px) {
  .news .article .news-img-wrap img {
    width: 90%;
    padding: 15px 30px;
  }
}
.news .article .news-img-wrap a {
  border: none;
}

.news-single h2 {
  border: none;
}

.news-img-caption {
  color: #9c9e9f;
  text-align: center;
  font-size: 0.85em;
}

.news-list {
  margin-bottom: 50px;
}

.news-list-home {
  margin-bottom: 25px;
}

.studentwork-details {
  margin-top: 20px;
}

.news .no-news-found {
  color: #131516;
  font-style: normal;
}