/** ------------------------------------------ 
 *  Header-Hintergrundfarbe 
 * -------------------------------------------  
 */

html, body {
    font-family: Arial,sans-serif;
}

#page-header {
   background: #00bed9;
}
#page-header h1 {
  color: black;
}

#page-header {
    background: #E4E4E4;
}

#page-header h1 
#backflip {
    vertical-align: middle;
}

#page-header h1 span #line1 {
    font-size: 100%;
    color: #3e3c3c;
}

#page-header h1 span #line2 {
    font-size: 150%;
    color: #3e3c3c;
}

#content p {
    font-size: 110%;
}


#content-frame #breadcrumb a, #content-frame #breadcrumb span {
    font-size: 115%;
}

/** ------------------------------------------ 
 *  Teaser-Hintergrundbild falls kein Teaser vorhanden
 * -------------------------------------------  
 */
.js #teaser-bar #teaser {
  background: #f0f0f0 url("../Img/teaser_default.jpg") 50% 50% no-repeat;
}

a.selected, #top-navigation a.parent-of-selected {
    background: #f0f0f0;
}

.js #teaser-bar #numbers a.active {
    background: hsl(187, 61%, 71%);
}

.js #teaser-bar #numbers a {
    background: #E4E4E4;
}

#navigation-bar #language-switch {
    background: #E4E4E4;
    font-size: 100%
}

#navigation-bar #language-switch a.active{
    font-weight: bold;
}

#navigation-bar #language-switch span {
    border-width: 0 0 2px 2px;
    border-color: #E4E4E4;
    border-style: solid;
}

#navigation-bar {
    text-transform: capitalize;
}

#top-navigation a {
    font-size: 125%;
}

#navigation-bar #search-link {
    background: #f0f0f0;
}

/* FIREFOX WAR HIER */


/**
 * This is an ideal attribution - https://psv-devel.rz.tu-harburg.de/bsp/ideal-attribuition.html
 */
 .js #teaser-bar .with-1-items #slider {
  height: 2em;
  top: 250px;
  left:auto;
  right: 0;
  width: 728px;
  background-color: black;
  opacity: 0.8;
  padding-top: 0;
  box-shadow: none;
  text-align: right;
}
.js #teaser-bar article {
  position:static;
  padding-right: .5em;
}
#teaser-bar article h1,
#teaser-bar article h1 a {
  display:none;
}
#teaser-bar article p,
#teaser-bar article p a {
  line-height: 20px;
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: grey;
  font-weight:bold;
}
#teaser-bar .ce-bodytext p a.ext::before {
  padding: 0;
  background-image: None;
}

/**
 * Mobile angepasste Ansicht
 */

#mobile-navigation ul a {
    font-size: 200%;
}

@media screen and (max-width: 1024px) {
  section#teaser-bar {
    display: none !important;
  }
}