@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'TheSans-8ExtraBold';
    src: url('/assets/fonts/TheSans-8ExtraBold.eot');
    src: url('/assets/fonts/TheSans-8ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/TheSans-8ExtraBold.woff2') format('woff2'),
    url('/assets/fonts/TheSans-8ExtraBold.woff') format('woff'),
    url('/assets/fonts/TheSans-8ExtraBold.ttf') format('truetype'),
    url('/assets/fonts/TheSans-8ExtraBold.svg#TheSans-8ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TheSans-6SemiBold';
    src: url('/assets/fonts/TheSans-6SemiBold.eot');
    src: url('/assets/fonts/TheSans-6SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/TheSans-6SemiBold.woff2') format('woff2'),
    url('/assets/fonts/TheSans-6SemiBold.woff') format('woff'),
    url('/assets/fonts/TheSans-6SemiBold.ttf') format('truetype'),
    url('/assets/fonts/TheSans-6SemiBold.svg#TheSans-6SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    font-family: 'TheSans-6SemiBold', Fallback, sans-serif;
    color: white;
}

body h1 {
    font-family: 'TheSans-8ExtraBold', Fallback, sans-serif;
    font-size: 4vw;
    color: white;
}

.tgImage {
    position: fixed;
    bottom: 50%;
    right: 40px;
    margin-bottom: -3vw;
    width: 20vw;
}

.news-content {
    background-image: url("/assets/tagesschau_bg.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-size: 2.8vw;
}

.title {
    padding-top: 0.8em;
}

.news-image {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}