body .header .hero-image {
  background: url('/images/heroimage/index.jpg?1') no-repeat top center transparent;
}

body.index .header .hero-image {
  background: url('/images/heroimage/index.jpg?1') no-repeat top center transparent;
}

body.job .header .hero-image {
  background: url('/images/heroimage/job.jpg?1') no-repeat top center transparent;
}

body.schueler .header .hero-image {
  background: url('/images/heroimage/schueler.png?1') no-repeat top center transparent;
}

body .header .hero-image-nds {
  background: url('/images/heroimage/index-nds.jpg?1') no-repeat top center transparent;
}

body.index .header .hero-image-nds {
  background: url('/images/heroimage/index-nds.jpg?1') no-repeat top center transparent;
}

.hs-direct, .hs-direct a {
    color: #fb8f00;
    margin-top: 5px;
}

.hs-logo {
    margin-left: auto;
    margin-right: auto;
    max-height: 120px;
    margin-top: 10px;
}

.hs-box {
    min-height: 205px;
    cursor: pointer;
}

.hs-box:hover{
    background-color: #ddd;
}

.hs-text {
    position: absolute;
    top: 160px;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-studierende .container-fluid {
    padding-right: 0;
}

@media screen and (max-width: 768px) {
    .hs-text {
        white-space: inherit;
        max-height: 2.9em;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-right: 20px;
    }
}

.hs-logo--sm {
        min-height: 45px;
    }

/* Desktop */
@media screen and (min-width: 980px)
{
    .hs-logo--sm {
        margin-top: 20%;
    }
}

/* Tablet */
@media screen and (max-width: 979px)
{
    .hs-logo--sm {
        margin-top: 10%;
    }
}

/* Mobile */
@media screen and (max-width: 500px)
{
    .hs-logo--sm {
        margin-top: 10%;
    }
}