html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {

    font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

    background: rgba(255, 255, 255, 0.9); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.9) 0%, rgba(211, 211, 211, 0.5) 100%), url('../img/back.jpg'); /* FF3.6+ */
    background-image: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.9) 0%,rgba(211, 211, 211, 0.5) 100%), url('../img/back.jpg'); /* Chrome10+,Safari5.1+ */
    background-image: -ms-linear-gradient(top,  rgba(255, 255, 255, 0.9) 0%,rgba(211, 211, 211, 0.5) 100%), url('../img/back.jpg'); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(255, 255, 255, 0.9) 0%,rgba(211, 211, 211, 0.5) 100%), url('../img/back.jpg'); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.9)', endColorstr='rgba(211, 211, 211, 0.5)',GradientType=0 ); /* IE6-9 */

    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center center, center center;
    background-attachment: fixed, fixed;
}

.container {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media screen and (min-width: 768px) {
    .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.kontakt-info {
    margin-top: 50px;
}

h1 {
    color: #940809;
}

hr {
    border-top-color: #940809;
}

a, a:hover, a:active {
    color: #940809;
}

.toggleSite {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #940809;
    color: white !important;
    padding: 1em 2em;
}