/* open-sans-300 - latin */
            @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 300;
                src: url('../fonts/open-sans-v34-latin-300.eot');
                /* IE9 Compat Modes */
                src: local(''),
                    url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'),
                    /* IE6-IE8 */
                    url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'),
                    /* Super Modern Browsers */
                    url('../fonts/open-sans-v34-latin-300.woff') format('woff'),
                    /* Modern Browsers */
                    url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'),
                    /* Safari, Android, iOS */
                    url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg');
                /* Legacy iOS */
            }

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

            html,
            body {
                height: 100%;
                margin: 0px;
                font-family: 'Open Sans', sans-serif;
                font-weight: 300;
                background: #ad172b;
                color: white;
            }

            a:link,
            a:visited {
                color: white;
                text-decoration: underline;
                font-weight: normal;
            }

            a:hover,
            a:active {
                color: #9c9e9f;
                text-decoration: none;
                font-weight: normal;
            }

            #content {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                text-align: center;
                margin: 0 auto;
            }

            #imprint {
                max-width: 800px;
                margin: 0 auto;
            }

            .logo {
                border: 3px solid #9c9e9f;
            }

            /*for smartphone-devices!*/

            @media only screen and (max-width: 735px) {
                .logo {
                    width: 80%;
                    height: auto;
                }

                #imprint {
                    margin: 5px;
                }
            }