@font-face {font-family: Universe; src: url('/fonts/lte50146.ttf');}

html, body { margin: 0; padding: 0; border: 0; }
html{
    /* This image will be displayed fullscreen */
    background:url('/img/t4bg.jpg') no-repeat center center;
    /* The Magic */
    background-size:cover;
    background-attachment: fixed;
    height: 100%;
}

body {color: white; font-family: Universe; font-size: 12pt; background: rgba(55,56,58,0.9) fixed; min-height: 100%;}
h3 { font-size: 27pt; line-height: 29pt;}
h4 { font-size: 14pt; line-height: 23pt;}
@media (min-width: 1024px) {
  /*.homenav { padding-top: 60px;}*/
}

/** footer **/
#footer { background-color: #37383a; padding: 15pt;}
#footer a, .homenav a {color: #f6f6f6; margin-right: 10pt;}
#footer a:hover, .menubar a:hover, .homenav a:hover {color: #cbc846 !important; text-decoration: none;}
#footer a.active {color: #cbc846 !important;}
div.languageselect {float: right;}

/** menubar **/
a.lgs:after {content: "";
    display: inline-block;
    background: url("../img/icon-leichte-sprache_20.png") no-repeat;
    width: 20px;
    height: 20px;    
    margin: 0 0 0 6px;
}
a.dgs:after {content: "";
    display: inline-block;
    /*background: url("../img/icon-gebaerden_20.png") no-repeat;*/
    background: url("../img/dgs-symbol_20.png") no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 0 0 6px;    
}
div.menubar {background: rgba(55,56,58,0.5); border-radius: 0; font-size: /*14pt*/ 1.15vw; }
.homenav { position: fixed; top: 150px;}

li.menustructure a.mainlink, li.menustructure a.mainlink:hover { background-color: /*#b6bac2;*/ #A2A2A2;} /* leichtes grau */
li.menustructure > a.mainlink, ul.biolist > li > a { color: #f6f6f6 ;}
li.biostructure a.mainlink, li.biostructure a.mainlink:hover { background-color: #f6f6f6; } /* fast weiß */
li.biostructure > a.mainlink { color: #6f9ed4; } /* */
li.biostructure a.mainlink, li.menustructure a.mainlink {padding: 13pt;}
a.navbar-brand { color: white !important; /*top: 10px; */ line-height: 21pt;}
.nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; }*
/* Unterbäume vorerst nicht anzeigen */
ul.childtree { display: none; }
ul.tree a:before {content: '\f105\00a0'; font-family: FontAwesome;}
ul.tree a.openlink:before {content: '\f107\00a0'; font-family: FontAwesome;}
ul.tree > ul {list-style: none;}
ul.tree a {color: #f6f6f6; }
ul.tree a:hover, a.active, ul.biolist > li > a:hover { color: #cbc846 !important; }
/** Override Navbar **/
.navbar-inverse { border: none; background: none;}
.navbar-nav > li {float: none; width: 100%;}
.nav li a { padding: 0;} 
.nav li a:hover {background: none;}
ul.nav { width: 100%; font-weight: 600; padding: 3pt 0pt 0pt 13pt;}

/** Bios */
ul.biolist, ul.materiallist { list-style: none; padding: 0; font-size: 14pt; line-height: 18pt;}
a.biolink:before { content: '\f101'; font-family: FontAwesome; font-size: 8pt; }
div.biorow { width: 60%; column-width: 280px; column-gap: 40px; }

/** Start **/
div.introvideo { width: 50%; margin: auto;}
div.introvideo video { width: 100%; }
/** Material */

/** Contentbereich **/
div.contentbereich {/*background: rgba(55,56,58,0.7) repeat; float: right; padding-bottom: 80px; /*height: auto*/}
div.contentbereich h3, div.contentbereich a { color: #cbc846; }
div.contentbereich a:hover { text-decoration: none; color: white;}
a.external:before, a.internal:before { content: '\f064\00a0'; font-family: FontAwesome; font-size: 8pt; }
.cnt_figure { width: 70%; margin: auto; margin-bottom: 15px;}
.cnt_figure > img, .cnt_figure > video {max-width: 100%; max-height: 500px; height: auto; margin-bottom: 5px;} 
.cnt_figure > img { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; }
.cnt_figure:hover {cursor: pointer;}
.cnt_figcaption {font-size: 9pt;}
.cnt_figure::after, .cnt_text:after {content: ' '; display: block; height: 30px;} 

.biografy-victim {}
.biografy-perpetrator { background: rgba(55,56,58,1);}

/* dsh: padding für rechte spalte mit transcription */
blockquote { font-size: 11pt; color: #E1E1E1; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5); background: rgba(55,56,58,0.8); margin: auto; margin-bottom: 30px; padding: 0.75em 0.5em 0.75em 1em; width: 80%; border: none; width: 70%;}
blockquote:before {
  color: #999;
  content: "“";
  display: block;
  font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
  height: 0;
  margin-left: -0.95em;
}
/* end dsh */

/** Mediazoom **/
.media-zoom { background: #66696c; position: absolute; top: 0; left: 0; height: auto; width: 100%; z-index: 100; padding-top: 70px; min-height: 100%; padding-bottom: 70px;}
.media-zoom img {max-width: 100%; max-height: 80%;}
.media-zoom .cnt_transcription { padding-right: 35px; }
.btnClose { position: absolute; top: 15px; right: 25px; margin: 0; padding:5px 3px; color: #f6f6f6 !important; opacity: 1;}
/*.container-fluid, .row {overflow: hidden; padding-bottom: 22pt;} /** für volle Höhe Navbar bei Bildschirm **/ 

@media (min-width: 1024px) {
  /*.menubar { padding-bottom: 60px; bottom: 0;}
  html, body, .row, .menubar, #leftnav { height: 100%;}
  .container-fluid { bottom: 0;}
  .navbar-nav > li > a, .navbar-brand { padding-left: 25pt;}
  */
  h4.home {padding-top: 70px; margin-bottom: 35px;}
  .navbar-collapse { padding-right: 15px; padding-left: 0;}      
  #leftnav { position: absolute; bottom: 44px; width: 100% }
  #menubar-collapse { position: absolute; bottom: 0; width: 100%; }
  .navbar-header { position: fixed; top:  0;}
  .menubar { position: fixed; height: 100%; /*min-width: 390px;*/}  
  div.contentbereich {padding: 60px 0px 0px 60px; margin-bottom: 60px; float: right;}
}
@media (min-width: 768px) and (max-width: 990px) {
  ul.navbar-nav { margin-top: 20px;}
  
  }
  
@media (max-width: 768px) {
  .btnClose { top: 75px; }
}