@import url(base01.css);
@import url(foldingBox.css);
@import url(nachruf.css);
@import url(news.css);
@import url(rz.css);
@import url(startseite.css);
@import url(drucken3a97.css?v=02);
@import url(pro_contra.css);


/** ------------------------------------------
 *  Mit overflow:hidden werden Listen von
 *  Firefox nicht umgebrochen.
 * -------------------------------------------  */
#content div.zwei_spaltig ul {
  overflow: visible;
}

/** ------------------------------------------
 *  Schriftzug unterm Logo ausblenden bis geklaert ist,
 *  wie die TUHH nun wirklich heisst.
 * -------------------------------------------  
 */
#tuhh-logo-subtitle {
/*        display: none; */
}
/*#page-header #tuhh-logo-title {
    margin: 0 5%;
    width: 90%;
}*/
@media screen and (max-width: 1024px) {
   #page-header #tuhh-logo-title {
       margin-left: 15%;
       width: 60%;
   }
}

/** ------------------------------------------ 
 *  Header-Hintergrundfarben 
 * -------------------------------------------  
 */
#page-header {
   background: #ccffff;
}

#page-header a:focus #backflip span {
    background-color:#c6f7f7;
}

/** ------------------------------------------ 
 *  Teaser-Hintergrundbild falls kein Teaser vorhanden
 * -------------------------------------------  
 */

.js #teaser-bar #teaser {
  background: #f0f0f0 url("../Img/teaser_img_def_800_344.jpg") 50% 50% no-repeat;
}

/** ------------------------------------------ 
 *  Deklaration, damit im Firefox die Skalierung 
 *  des Logos richtig funktioniert
 * -------------------------------------------  
 */
#page-header h1 img {
   height: 83px;
   width: auto;
}

#page-header h1 #backflip {
   height: 164px;
}

.fold-header #page-header h1 img {
  height: 60px;
  width: auto; /* 99px */
}
@media screen and (max-width: 1024px) {
  #page-header h1 img, .fold-header #page-header h1 img {
    height: 60px;
    width: auto; /* 99px */
  }
} 

/** ------------------------------------------------ 
 *  Titel-Bereich fuer die Boxen 
 * -------------------------------------------------  
 */

#sidebar .box .box-title {
  padding:0.25rem 1rem
}
#sidebar h1.box-title {
  color:#666 !important;
  font-weight:100 !important;
}


/** ------------------------------------------------ 
 *  Sprachsymbol fuer Dokumentverlinkungen
 * -------------------------------------------------  
 */

.en::after,.de::after {
    margin-left: 3pt;
    background-size: 16pt 14pt;
    display: inline-block;
    width: 16pt;
    height: 14pt;
    content: "";
    margin-bottom: -2pt;
}


.en::after {
    background-image: url("../../img/img/englisch.svg");
}

.de::after {
    background-image: url("../../img/img/deutsch.svg");

}