/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('/assets/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/assets/fonts/roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('/assets/fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/assets/fonts/roboto-v27-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body {
    margin: 0px;
    width: 100%;
    height: 100%;
    font-family: 'Roboto';
}

h1 {
    font-family: 'Roboto';
    font-weight: 500;
}


.bottom {
    background-image: url("/assets/images/streifen-boden.png");
    background-size: contain;
    width: 100%;
    height: 45%;
    position: fixed;
    bottom: 0;
    background-position: bottom right;
    background-repeat: no-repeat;

}

.top {
    background-image: url("/assets/images/streifen-kopf.png");
    background-size: contain;
    width: 100%;
    height: 45%;
    position: fixed;
    top: 0;
    background-position: top left;
    background-repeat: no-repeat;

}

.content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;


}

.content-inner {
    text-align: center;
    margin: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: white;
    border-radius: 4px;
    padding: 15px;
    z-index: 100;
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)
}

.logo {
    max-width:150px;
    display: block;
}
.logo-link {
    text-decoration: none;

}