#Header {
    background-color: #FFF;
    border-top: .813em solid #999999;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
    color: #000;
}

#HeaderContent h1 {
    padding-top: 25px;
}

#Wrapper {
    padding-top: 10px;
}

@media (min-width: 576px) {
    #HomeContent {
        padding: 50px;
        background: linear-gradient(to right, #FAF9FC 50%, #EEE 50%);
    }

    .leftContent {
        padding-right: 50px;
    }

    .rightContent {
        padding-left: 50px;
    }

    .mobileButton {
        display: none;
    }

    .desktopButtons {
        display: normal;
    }
}

@media (max-width: 577px) {
    #HomeContent {
        padding: 50px;
        background: linear-gradient(#FAF9FC 45%, #EEE 45%);
    }

    .leftContent {
        padding-right: 0;
        padding-bottom: 50px;
    }

    .rightContent {
        padding-left: 0;
        padding-top: 10px;
    }

    .rightContentLead {
        margin-top: 100px;
    }

    .mobileButton {
        display: normal;
    }

    .desktopButtons {
        display: none;
    }
}

.btn-KONNEKTIVE {
    background-color: #FFCF3E;
    border-color: #E3A800;
    color: #111;
}

    .btn-KONNEKTIVE:hover {
        background-color: #5c5c5c;
        border-color: #E3A800;
        color: #FFF;
    }

    .btn-KONNEKTIVE:focus, .btn-KONNEKTIVE.focus {
        background-color: #5c5c5c;
        border-color: #E3A800;
        color: #FFF;
    }

    .btn-KONNEKTIVE:active, .btn-KONNEKTIVE.active {
        background-color: #5c5c5c;
        border-color: #E3A800;
        color: #FFF;
    }

        .btn-KONNEKTIVE:active:hover, .btn-KONNEKTIVE.active:hover {
            background-color: #5c5c5c;
            border-color: #E3A800;
            color: #FFF;
        }

        .btn-KONNEKTIVE:active:hover, .btn-KONNEKTIVE.active:hover, .btn-KONNEKTIVE:active:focus, .btn-KONNEKTIVE.active:focus, .btn-KONNEKTIVE.focus:active, .btn-KONNEKTIVE.active.focus {
            background-color: #5c5c5c;
            border-color: #E3A800;
            color: #FFF;
        }


.btn-QUICKBOX {
    background-color: #0069BC;
    border-color: #00569A;
    color: #FFF;
}

    .btn-QUICKBOX:hover {
        background-color: #00569A;
        border-color: #0068BD;
        color: #FFF;
    }

    .btn-QUICKBOX:focus, .btn-QUICKBOX.focus {
        background-color: #00569A;
        border-color: #0068BD;
        color: #FFF;
    }

    .btn-QUICKBOX:active, .btn-QUICKBOX.active {
        background-color: #00569A;
        border-color: #0068BD;
        color: #FFF;
    }

        .btn-QUICKBOX:active:hover, .btn-QUICKBOX.active:hover {
            background-color: #00569A;
            border-color: #0068BD;
            color: #FFF;
        }

        .btn-QUICKBOX:active:hover, .btn-QUICKBOX.active:hover, .btn-QUICKBOX:active:focus, .btn-QUICKBOX.active:focus, .btn-QUICKBOX.focus:active, .btn-QUICKBOX.active.focus {
            background-color: #00569A;
            border-color: #0068BD;
            color: #FFF;
        }