/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
  color: #333;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
}

.container {
  background-color: white;
}


/** Platzierung Hauptmenue/Logo **/
.navbar .brand {
  padding: 0px;
}

.navbar-inner {
  border: none;
  background-color: #FFF;
  background-image: none;
  box-shadow: none;
}

.navbar .nav {
  margin: -5px 10px 0px 30px;
}

/* Menu brand image */
.brand > img {
  height: 46px;
}

.navbar .brand {
  padding-top:5px;
  padding-bottom:5px;
}

.navbar {
    margin-bottom: 0px;
}

/** header font sizes **/
h2 {
  font-size: 25px;
  line-height: 27.5px;
}

h3 {
  font-size: 21px;
  line-height: 23.1px;
}

/** Override for postdoc menu header in h1 to look like h3 **/
.postdoc h1 {
  font-size: 25px;
  line-height: 27.5px;
}

/** infobox: grauer Text **/
.infobox {
  color: #747473;
}

/*.well {
  background-image: none;
  background-color: #FFF;
  border: none;
  box-shadow: none;
}*/

/** increase language flag size to match youtube icon size **/
.sprache img {
    height: 16px;
}

/** Suchen-Formular: minimaler Abstand nach unten **/
.search form {
  margin: 0px;
}

/** Suchen-Formular: Eingabefeld-Hoehe auf Zeilenhoehe **/
.search form input {
  padding-top: 0px;
  padding-bottom: 0px;
}

/** Suchergebnisse: Kategorie ausblenden **/
.result-category {
  display: none;
}

/** Abstand zw. Suchergebnissen **/
.result-title {
  margin-top: 10px;
}

/** Titelbilder **/
#topCarousel {
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/*#topCarousel img {
  border-radius: 10px;
}*/

/** Aktuelles: Formatierung Veranstaltungstitel **/
.titel {
  font-weight: bold;
  font-size: 21px;
  line-height: 23px;
}

/** header format **/
h1, h2, h3, h4, h5, h6 {
  margin: 10px 0px;
  font-weight: 400;
  color: #00295f;
  text-rendering: optimizelegibility;
}

h3 {font-size: 25px;}

/** color for all links **/
a:link, a:visited, a:hover, a:active
{
  color: #00295f;
}

/** no underline for h3s **/
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active 
{
  text-decoration:none;
}

/** no underline, grey, bold for event format **/
.format, .format a:link, .format a:visited, .format a:hover, .format a:active
{
  text-decoration:none;
  color: #747473;
  font-weight: bold;
}

/** no underline for event title **/
.titel a:link, .titel a:visited, .titel a:hover, .titel a:active
{
  text-decoration:none;
  margin-top: 20px!important;
}

/** teaser **/
.zitat {
  /* font-family: 'Tinos',Times New Roman ,Times ,serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  color: #747473; */
  padding-bottom: 20px;
  /*margin-left: -10px!important; */
}

/* .doppelneun {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 48px;
  font-weight: bold;
  color: #ffcd13;
  position: relative;
  bottom: 16px;
}

.doppelsechs {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #ffcd13;
} */

.zitat-vorstand {
  /*font-size: 13px;
  font-weight: bold;
  font-style: italic; */
  color: #555555;
}

.bu-vorstand {line-height: 14px; font-size: 11px; color: #555555; margin: 0 0 20px 0;}
.text-vorstand {line-height: 20px;}

.search, .quicklink {
    float: right;
    padding: 5px;
}

.quicklink > a > img {
    height: 17px;
}

.thumbnail {line-height: 10pt;}
.img-responsive {padding-bottom:5px;}

/** override breadcrumb background color **/
.breadcrumb {
    padding-left: 0px;
    background-color: white;
    margin-bottom: 0px;
}

/** Home-Symbol ganz nach links **/
.breadcrumb span.divider:nth-child(1) {
  display:none;
}

/** breadcrumb divider Farbe auf default Textfarbe **/
.breadcrumb > li > .divider {
  color: #747473;
}

/** Bilder, Abbildungen, Bildunterschriften **/
.thumbnail {
    margin-left: 5%;
    margin-right: 5%;
}

/** Formularfelder: Text in Auswahllisten buendig zu Freitext **/
.ff_elem {
	padding-left: 0px;
}

.thumbnail .caption {color: #555555;}

.bild-unterschrift {
  	font-size: 11px;
  	color: #555555;
  	margin: 0 0 0 0;
}

#footer {
  text-align: center;
  font-size: 12px;
}

/****** Podcast-Plugin ******/
.podcast-frame {
  padding: 5px;
  border: 1px solid #DDD;
  border-radius: 4px 4px 4px 4px;
  box-shadow: none;
}

/* youtube-iframe with bootstrap2 - ZURB 2011
 * https://stackoverflow.com/questions/12166784/how-to-implement-a-responsive-youtube-embed-iframe-with-twitter-bootstrap
 * https://gist.github.com/jgarber/2302238
 **/
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

/**/


/** Play-Symbol in Youtube-Vorschaubildern **/
.videobox { position: relative; }
.videobox span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url('YouTube-icon-48px.png') center center no-repeat;
}

/****** Bildergallerien *******/
.carousel-inner > .item > img {
  max-height: 360px;
  margin:auto;
}

/****** pageheader Modul ******/
.pageheader {
  font-weight: bold;
  font-size: 21px;
  line-height: 23px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.pageheader_stiftung {
  color: #00295f;
}

.pageheader_aktuell {
  color: #00677F;
}

/****** Formulare *******/
.form-actions {
  background-color: #FFF;
}

.form-inline fieldset label {
  display: block;
}

/****** Lineament *******/
.limo {width: 100%;}


/** Impulse fuer Wissen **/
.claim {
  text-align:right;
  font-family: 'Tinos',Times New Roman ,Times ,serif;
  font-size: 64px;
  height: 44px;
  padding-top:40px;
  padding-bottom:20px;
  color: #eeeeee;
}

/****** Media Queries *******/

@media (max-width: 767px) {
  .items-leading img {
    max-width: 180px;
  }
  .items-leading .videobox {
    max-width: 180px;
  }
}

@media (max-width: 960px) {
  .claim {
    display: none;
  }
}

/** ContentBuilder Benutzerregistrierung: Captcha-Bild vom Eingabefeld absetzen**/
#cbCaptcha {
  margin-bottom: 15px;
}