/* Basis */


/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/roboto-v18-latin-regular.eot?#iefix')
        format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto-v18-latin-regular.woff')
        format('woff'), /* Modern Browsers */
        url('../fonts/roboto-v18-latin-regular.ttf')
        format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-v18-latin-regular.svg#Roboto')
        format('svg'); /* Legacy iOS */
}

/* abril-fatface-regular - latin */
@font-face {
    font-family: 'Abril Fatface';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/abril-fatface-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Abril Fatface'), local('AbrilFatface-Regular'),
        url('../fonts/abril-fatface-v9-latin-regular.eot?#iefix')
        format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/abril-fatface-v9-latin-regular.woff2')
        format('woff2'), /* Super Modern Browsers */
        url('../fonts/abril-fatface-v9-latin-regular.woff')
        format('woff'), /* Modern Browsers */
        url('../fonts/abril-fatface-v9-latin-regular.ttf')
        format('truetype'), /* Safari, Android, iOS */
        url('../fonts/abril-fatface-v9-latin-regular.svg#AbrilFatface')
        format('svg'); /* Legacy iOS */
}

body {
    margin: 0 auto;
    max-width: 980px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.1em;
    color: #48494b;
}

h1, h2, h3, h4, h5, h6 {
       font-family: 'Abril Fatface', serif;
       color: #333;
}

.dataTables_wrapper .dataTables_processing {
    font-family: sans-serif !important;
}

.site-title {
    font-size: 4.75rem;
}

noscript p {color:red;}
#logo {float:right; margin:10px;}
.about {font-size:100%; }
.copyright {font-size:80%;}
.r3 { color: #545454;}

#mediathekdirekt table {
    cellspacing: 0;
    width: 100%;
}

.md {
    font-size: 0.9em;
}
/* Navigation */

#navigation {
 margin: 0;
 padding: 0;
 list-style: none;
}

#navigation li a:hover {color: #111;}

#navigation li.current a {color: #9b9796;}
#navigation li.current a:hover {color: #111;}

#navigation li a:focus {outline: 0;}

#navigation li {margin: 0.5em 0em;}

#navigation a, #mehr {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    background-color:#f9f9f9;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:block;
    color:#333;
    font-size:20px;
    font-weight:bold;
    font-style:normal;
    line-height:65px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
}

#navigation a:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    background-color:#e9e9e9;
}

#navigation a:active {
    position:relative;
    top:1px;
}

@media screen and (min-width: 42.5em) {
#navigation {
    background: #FFF;
    padding: 0;
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

#navigation li {margin: 0; border: 0;}

#navigation a {
    padding: 0.75em 0 0.75em 5%;
    float: left;
    background-color: transparent;
    background-image: none;
    border-width: 0;
}

#navigation a:hover {
    background-color: transparent;
    background-image: none;
}

/* "Nach-oben-Button" nur bei Smartphones sichtbar */
#backtotop {display:none;}

}

/* Links für Footer nach rechts ausrichten */
@media screen and (min-width: 56em) {
      #navigation a {padding: 0.25em 1.5em 0.25em 5%;}
  }