body {

     background-image: url("../img/hg5.jpg");
     background-attachment: fixed;

}


@font-face {
    font-family: 'foo';
    src: url('../font/FOO.ttf') format('truetype');
}

.nebensatz {
    color: #FF00FF;
    font-size: 0.85rem;
}

.fettsatz {
    color: #FF00FF;
    font-weight:bold;
}

.einleitpunkt {
    font-family: foo;
    font-size: 1.8em;
    color: #AECF00;
    border-bottom: 2px solid;
}

.unterpunkt {
    font-size: 1.2em;
    font-weight:bold;
    color: #AECF00;
    text-decoration: underline;
}

.kleinsatz {
    font-size: 0.8rem;
}

.kleinsatzkursiv {
    font-size: 0.8rem;
    font-style: italic;
    color: #C2C2C2;
}


.logo-box {
    background: none;
    display: block;
    padding: 1.25em;
    width: 100%;
    border-bottom: 1px solid #151E1F;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.sectionheight {
    min-height: 1000px;
}
.gesamtschatten {
    box-shadow: 0px 0px 15px #000000;
    border-radius: 15px;
}
h1 {
    color: #FFFFFF;
    font-family: impact,tahoma;
    font-size: 1.5em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.aside-nav ul {
    background: none repeat scroll 0 0 RGBA(0, 0, 0, 0);
}
.aside-nav li a {
    border-bottom: 1px solid #151E1F;
    color: #FFFFFF;
}
.aside-nav li a:link, .aside-nav li a:visited {
    color: #FFFFFF;
}
.aside-nav li > ul,.aside-nav li ul ul {
    background: none repeat scroll 0 0 #151E1F;
}
.top-nav li a:hover, .aside-nav li a:hover,.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited {
background: none repeat scroll 0 0 #500050;
}
i {
    color: #E36132;
    display: inline-block;
    font-size: 1.2em;
    width: 1.8em;
}
.date {
    text-align: center;
}
.date span {
    font-size: 2.7em;
}
.date i {
    color: #D0D0D0;
    font-size: 1.5em;
    width: auto;
}
#search,#social {
    border-top: 1px solid #151E1F;
    padding: 1.25em;
    position: relative;
}
#search i {
    margin-left: 0.625em;
    width: auto;
}
#social i {
    color: #B0B0B0;
    font-size: 1.8em;
    width: auto;
}
article hr {
    color: #E0E0E0;
    margin: 1.25em 0;
}
#content-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#content-wrapper {
    background: none repeat scroll 0 0 RGBA(0, 0, 0, 0.8);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
img#background {
    height: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -10;
}
.footer {
    background: none repeat scroll 0 0 #171C1E;
    display: block;
    padding: 1.25rem;
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
@media screen and (max-width: 768px) {
  .aside-nav li a,#search,#social {
      padding: 0.625em 1.25em;
  }
  .date {
      text-align: left;
  }
}







.yteto iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.yteto {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
box-shadow: 0px 0px 10px;
border-radius: 15px;
}