.hunterimagebg {
    width: 100%;
    min-height: 500px;
    background-size: cover;
}

.background-box-white {
    padding: 15px 140px;
    width: 880px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.70);
    min-height:250px;
}

.background-box-white .wrapper-div {
    margin-top: 15px;
}

.background-box-white h1 {
    text-align: center;
}

.hunterimagebg {
    padding-top: 60px;
}

.wrapper-div {
    width: 100%;
    display: inline-block;
    text-align: center;
}

a.angebot:hover,
a.angebot {
    background: #FFF !important;
    color: #ba0925 !important;
}

a.btn-primary.special.angebot,
a.btn-primary.special {
    padding: 11px 21px !important;
    background-color: #bb0926 !important;
    border-color: #bb0926 !important;
    color: #FFF !important;
    width: auto !important;
    border: 0px;
}

a.btn-primary.special.angebot:hover,
a.btn-primary.special:hover {
    padding: 11px 21px !important;
    border: 0px !important;
    background-color: #bb0926 !important;
    border-color: #bb0926 !important;
    color: #FFF !important;
    width: auto !important;
    border: 0px;
}

a.btn-primary.special.angebot {
    margin-top: 5px !important;
}

.row-phone,
.row-email,
.row-adress {
    padding-left: 30px;
    background-image: url("../images/microsite/icon_location.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 3px 2px;
}

.row-email {
    margin-top: 10px;
    background-image: url("../images/microsite/icon_mail.png");
}

.row-phone {
    background-image: url("../images/microsite/icon_call.png");
}

@media (max-width: 991px) {
    .background-box-white {
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        padding: 15px 15px;
    }
    .background-box-white h1 {
        text-align: left;
    }
    .background-box-white .col-md-6 {
        padding: 0px;
    }
    .wrapper-div {
        text-align: left;
        margin-top: 30px;
    }
    a.fix.angebot {
        width: 260px;
    }
}


a.angebot.AngebotCSS, a.AngebotCSS, a.AngebotCSS.btn-primary.special{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
    box-shadow:inset 0px 1px 0px 0px #ffffff !important;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)) !important;
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0) !important;
    background-color:#ffffff !important;
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    border-radius:6px !important;
    border:1px solid #dcdcdc !important;
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 16px 20px !important;
    text-decoration: none !important;
    text-shadow:0px 1px 0px #ffffff !important;
    width: initial !important;
    margin-top: 15px !important;    
    color:#bb0926 !important
}

a.angebot.AngebotCSS:hover, a.AngebotCSS:hover , a.AngebotCSS.btn-primary.special.angebot:hover, a.AngebotCSS.btn-primary.special:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)) !important;
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0) !important;
    background-color:#f6f6f6 !important;
    color:#bb0926 !important
}


@media (max-width: 600px){
    a.angebot.fix{
        width: 150px;
    }
}

@media (max-width: 400px){
    a.angebot.fix{
        width: 100px;
    }
}

@media (max-width: 340px){
    a.angebot.fix{
        width: 80px;
    }
}

li#youtube {
    background-image: url("/fileadmin/templates/credia/images/social-icon-youtube.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    display: inline-block;
}

#youtube:hover {
    background-position: 0px -41px;
}

#company-locations{
    position: absolute;
    width: 100%;
    z-index: 99999999;
    background: #ccc;
    top: 0;
}

#company-locations #location-menu{    
    padding: 5px 15px !important;
    text-align: right;
    font-size: 98% !important;
}

#location-menu div{
    display: inline-block;
    text-align: right;
}

.navbar.navbar-default .container .navbar-header,
.navbar.navbar-default .container .navbar-brand{
    margin-top: 5px !important;
}


#location-menu .toggleMenu{
    cursor: pointer;
}



@media(max-width: 991px){
    
    .navbar.navbar-default.navbar-has-image.navbar-top{
        min-height: 80px;
    }
    
    .navbar-header-main .navbar-brand.navbar-brand-image>img {
        max-height: 40px!important;
        margin-top: 10px !important;
    }
}

@media(max-width: 991px) and (min-width: 767px){
    .navbar-brand.navbar-brand-image>img {
        margin-top: 15px !important;
    }
    
    
    a.angebot.fix{
        margin-top: 35px !important;
    }
    
    .sub-menu-css button.navbar-toggle.collapsed{
        margin-top: 40px !important;
    }
}

@media(max-width: 767px){
    .navbar-brand.navbar-brand-image>img {
        margin-top: 15px !important;
    }
    
    
    a.angebot.fix{
        margin-top: 35px !important;
    }
    
    .sub-menu-css button.navbar-toggle.collapsed{
        margin-top: 40px !important;
    }

    
    #company-locations .row{
        width: 100% !important;
    }
    #company-locations .toggleMenu:last-child{
        margin-right: 35px;
    }
}