@charset "utf-8";
/* CSS Document 
titels #555B58
green #577e87
*/
#body_container {background-color: #1D4851;}
#menu_container {
    font-size: 18.7px;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0rem;
    color: #9d8635;
}
h2 { font-size: 180%;}
P, LI {
    line-height: 1.3em;
}
.header { 
    width: 100%;
    text-align: left;
}
.parallax-mirror + .textblok_container {margin-top: 93px}
#content .textblok_container:first-of-type {margin-top: 93px}
#content .textblok_container:last-child {margin-bottom: 93px}
#content .textblok_container {background-color:rgba(255, 255, 255, 0.86);}
#footer_container_new .textblok_container {margin: 0!important;background: none;}
.textblok_container.background_padding{background-color:transparent!important;}
/* speech buttons */
#readout {position: absolute;width: 180px;}
#readtext {color: #777777;margin-bottom: 3px;}
#play {
  height: 1px;
  border-style: solid;
  border-width: 7px 0px 7px 10px;
  border-color: transparent transparent transparent #9D8635;
  float: left;
  margin-right: 7px;
    margin-left: 3px;
    cursor: pointer;

}
#pause {
  width: 1px;
  height: 15px;
  border-style: double;
  border-color: #9D8635;
  border-width: 0px 0px 0px 12px;
  float: left;
  margin-right: 7px;
    cursor: pointer;
}
#stop {
  width: 8px;
  height: 9px;
  border-style: solid;
  border-width: 3px;
  border-color: #9D8635;
  float: left;
    cursor: pointer;
}
#play:hover, #play.played {border-color: transparent transparent transparent #aaa;}
#pause:hover, #pause.paused, #stop:hover, #stop.stopped {border-color: #aaa;}

.topnav_tiny #readout {margin-top: 6px;}
.topnav_tiny #readtext {float: left}
.topnav_tiny #play {margin-left: 10px;}
.topnav_tiny #play, .topnav_tiny #pause, .topnav_tiny #stop {margin-top: 5px;}


@media (max-width: 768px) {
    
    .parallax-mirror + .textblok_container {margin-top: 50px}
    #content .textblok_container:first-of-type {margin-top: 50px}
    #content .textblok_container:last-child {margin-bottom: 50px} 
    
    
}