﻿/* YouTube-iFrame responsive einbinden */
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0px;
}
responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
      }

/* institut/institut.php */
.embed-container.willkommen {
  margin-top:2em;
}
.h1.willkommen {
  text-align:center;
  margin-top:0.5em;
  font-weight:normal;
}
.h1.bewerbung {
  margin-bottom: 1em;
}
.karikatur {
  text-align: center;
  color:#555;
  font-size:1em;
  font-weight:lighter;
}
/* GoogleMaps-Integration */
.googlemaps {
  border-width: 0px;
  height: 500px;
  width: 100%;
  margin:0px;
  max-width: 100%;
}
/* Veranstaltungen */
.aktuell.vmini.main {
  padding-right:1em;
  border-bottom:1px solid #e6e6e6;
}
.aktuell.vmini.main img {
  float:left;
  margin-right:1em;
  width:160px;
}
.aktuell.vmini.main div {
  padding-left:174px;
  min-height:140px;
}
.aktuell.vmini.main span+a {
  font-weight: bold !important;
}
span.tucal-presscategory {
  font-weight: 400 !important;
}
.vstyle {
  color: #555;
}
.vstyle.center {
  text-align:center;
}
.vspeaker {
  font-size:1.5em;
  font-weight:bold;
}
.vdate {
  margin-top:18px;
  font-size:1.5em;
  line-height: 1.5em;
  font-weight:bold;
}
.vcredits {
  margin-top:18px;
  font-size:0.8em;
  font-weight:lighter;
}
/* Bilder hälftig einbinden */
.bildrechts {
  float:right;
  width:50%;
  margin-left: 1em;
  color: #555;
}
.bildmitte {
  margin-left: auto;
  margin-right: auto;
}
/* studieninteressierte/berufsfelder.php */
.row.berufsfelder div {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}
.row.berufsfelder div:nth-child(odd) {
  clear: both;
}
.row.berufsfelder div > p {
  text-align: justify;
}
.row.berufsfelder div:nth-child(4n+1), .row.berufsfelder div:nth-child(4n+4) {
  float:left;
}
.row.berufsfelder div:nth-child(4n+2), .row.berufsfelder div:nth-child(4n+3) {
  float:right;
}
/* Logos und kleine Bilder mit 30% einbinden */
.logolinks{
  float:left;
  width:30%;
  margin-right:1em;
  margin-bottom:1em;
}
.logorechts{
  float:right;
  width:30%;
  margin-left:1em;
  margin-bottom:1em;
}
/* allgemeine Klassen */
p.justify {
  text-align: justify;
}
.clear {
  clear: both;
}
.mtop {
  margin-top: 1em;
}
.mbottom {
  margin-bottom: 1em;
}
/* aktuelles/publikationen.php Aufsätze */
.tucbox-area-info.pub {
  margin-top:1em;
  margin-bottom:0px;
}
.row.pub > * > p {
  text-align: justify;
}
.row.pub .col-xm-3 {
  clear:both;
  margin-top: 1em;
}
.row.pub .col-xm-3 div{
  max-width:200px;
  margin:auto;
}
.row.pub .col-xm-9 {
  margin-top: 1em;
}
.row.pub .col-xm-9 p:first-child{
  font-weight: bold;;
}
/* aktuelles/projekte.php */
.projekt.main {

}
/* Aktuelles Banner */
.banner {
  width: 100%;
  height: 3em;
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 1em;
}
.banner.center {
  text-align: center;
}
.banner.left {
  text-align: left;
  margin-top:0.5em;
}
.banner.medienspiegel {
  background-color: #008BD2;
}
.banner.veranstaltungen {
  background-color: #E63312;
}
.banner.projekte {
  background-color: #70706F;
}
.banner.publikationen {
  background-color: #A10B70;
}
.banner.wissenstransfer {
  background-color: #779A2B;
}
/* Pressemeldungen */
.press.main {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom:1.5em;
  padding-bottom:0.5em;
}
.press.main h3 {
  margin-top:0.1em;
}
/* Mitarbeiterseiten */
.img-responsive.none {
  max-height: none;
}
.row.center {
  text-align: center;
}
.cv col:first-child {
  white-space:nowrap;
  vertical-align:top;
  width:17%;
}
.cv col:last-child {
    width:83%;
}
.lvalt li::first-letter {
  font-weight: bold;
}
/* Erasmus Uni-Bilder */
.erasmusuni {
  max-height:90px;
  margin-right:30px;
  float:none;
}
/* Landing-Page Button */
.button.bewerbung {
  text-align:center;
  margin-top:1em;
  margin-bottom:1em;
}
