/***********************************************
** Handgeschrieben von www.mangoblau.de (kad) **
** am 27.01.2015 um 17:18 Uhr **
***********************************************/
@media(max-width: 1574px){
    .hd-links-logo::before{
        left: 15%;
    }
    .hd-submenu-startpage >li>a{
        font-size: 21px;
    }
}
@media(max-width: 1199px) {
    .hd-links-logo::before {
        left: 20%;
        top: -26px;
        height: 280%;
    }
}
@media(max-width: 1199px) {
    .hd-links-logo::before {
        left: 10%;

    }
    div.mbcol2>.items-leading>div h1{
        padding-right: 165px;
    }
    .hd-submenu-startpage >li>a{
        font-size: 19px;
        background-position: right 7px center;
    }
    .hd-submenu-startpage >li>a:focus,.hd-submenu-startpage >li>a:hover{
        background-position: right 5px center;

    }
    .subnavigation {
        margin-right: -16px;
    }

    .page.leftside-active {
        padding-left: 42px;
    }
    .sidebarleft.hidden-xs {
        padding-right: 42px;
    }
    .submenu {
        padding-right: 0px;
    }
}
@media(max-width: 991px){
    .mod-marken > li{
        width: 33.33%;
        margin-top: -1px;
        margin-right: -1px;
        padding-left: 10px;
        padding-right: 10px;
        height: 125px;
    }
    ul.mod-marken{
        height: auto;

    }
    ul.mod-marken::after{
        display: table;
        content: '';
        clear: both;
    }
    .submenu > li > a{

    }
    .submenu{
        padding-right: 0;
    }
    .page.leftside-active {
        padding-left: 40px;
    }
    .sidebarleft.hidden-xs {
        padding-right: 40px;
    }
    .submenu > li > a:hover img, .submenu > li > a:focus img, .submenu >li.current>a img{
        display: none;
    }
    .hd-submenu-startpage > li {
        width: 50%;
        padding-bottom: 2px;
    }
    .hd-submenu-startpage > li:nth-child(2) {
        padding-right: 0px;
    }
    .hd-submenu-startpage > li > a {
        background-position: right 20px center;
        font-size: 22px;
        padding-bottom: 18px;
        padding-top: 18px;
    }
    .hd-submenu-startpage >li>a:focus,.hd-submenu-startpage >li>a:hover{
        background-position: right 10px center;

    }
    .camera_prev, .camera_next, .camera_commands{
        width: 59px;
        height: 59px;

    }
    .camera_amber_skin .camera_prev > span{
        background-position: left top;
        background-size: 59px;
    }
    .camera_amber_skin .camera_next > span{
        background-position: left top;
        background-size: 59px;
    }
    .camera_prev > span, .camera_next > span{
        background-position: left top;

        background-size: 59px;
        width: 59px;
        height: 59px;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;

    }
    .mod-marken > li {
        display: none;
        width: 25%;
        height: 100px;
    }
    .mod-marken > li:first-child, .mod-marken > li:nth-child(2), .mod-marken > li:nth-child(3), .mod-marken > li:nth-child(4) {
        display: table;
    }
    .marken-head h3 {
        font-size: 32px;
    }
    .mod-marken h3 {
        font-size: 30px;
    }
    .marken-button {
        margin-bottom: 60px;
    }
    div.mbcol2 > .items-leading > div h1 em {
        font-size: 22px;
    }
    div.mbcol2 > .items-leading > div {
        float: left;
        margin-bottom: 3%;
        margin-left: 0;
        position: relative;
        width: 50%;
    }
    div.mbcol2 > .items-leading {
        margin-left: -15px;
        margin-right: -15px;
    }
    div.mbcol2 > .items-leading > div h1 {
        padding-right: 185px;
    }
    .footcont .row > div:last-child {
        display: none;
    }
    .submenu > li > a {
        font-size: 16px;
    }
}

@media(max-width: 767px){
    .footcont .row > div:last-child {
        display: block;
        background-color: rgba(191, 0, 12, 1);
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .honda-news-descr-wrapper img{
        margin: 15px auto;
        max-width: 100%;
        float: none;
        display: block;
    }
    .hd-links-logo::before{
        top: -6px;
        left: 2%;
    }
    .hd-links-logo{
        margin-top: 10px;
    }
    .hd-submenu-startpage{
        display: none;
    }
    .hd-submenu-startpage.btnfooter {
        display: block;
    }
    .hd-submenu-startpage.btnfooter > li {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .hd-submenu-startpage.btnfooter > li:first-child {
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    .hd-submenu-startpage.btnfooter > li:last-child {
        border: none;
    }
    .sp .hd-submenu-startpage{
        display: block;
    }
    .topmenude > li{
        float: none;
    }
    #wrapper.toggled #overlay{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 999;
        overflow: hidden;

    }
    main#content img[style~="float:"]{
        float: none!important;
        margin: 10px auto!important;
        display: block;
    }
    #page-content-wrapper {
        padding: 0;
    }
    .navbar {
        position: inherit;
    }

    .navbar-toggle {
        position: absolute;
        top: 5px;
        left: 5px;
    }
    .navbar-inverse .navbar-toggle {
        background-color: rgba(191, 0, 12, 1);
        border-color: rgba(255, 255, 255, 1.0);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.0);
        position: fixed;
        z-index: 101;

    }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: rgba(191, 0, 12, 0.80);
        box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.8);
    }
    .navbar-inverse {
        background-color: transparent;
        border-color: transparent;
        margin-right: 0;
    }

    .hd-submenu-startpage >li{
        width: 100%;
        padding: 0;
        margin-bottom: 2px;
    }
    .subnavigation{
        display: none;
    }
    .hd-linkebox >table{
        width: 60%;
        float: right;
        margin-bottom: 10px;
    }
    .hd-linkebox > table tr > td:first-child{
        text-align: left;
    }
    .hd-linkebox > table tr > td:last-child{
        text-align: right;
    }
    .hd-linkebox::before{
        float: right;
    }
    .hd-submenu-startpage >li>a{
        background-position: right 5px center;
    }
    .camera_prev, .camera_next, .camera_commands{
        display: none;
    }
    .camera_caption{
        display: none!important;
    }
    .page.leftside-active{
        padding-left: 15px;
    }
    .mainnavigation{
        margin-right: 0;
    }
    .sidebar-nav{

    }
    .footermenu > li{
        width: 100%;
        margin-bottom: 30px;
    }
    .us-slider > p:first-child > img{
        top: 0!important;
    }
    .nav-cont{
        padding-top: 0;
        padding-bottom: 5px;
    }
    .hd-oeffnungszeiten {
        display: none;
    }
    .hd-links-logo {
        display: none;
    }
    .hd-links-logo::before {
        transform: skew(0deg, 0deg);
        left: 0;
    }
    .hd-submenu-startpage > li > a {
        font-size: 18px;
        padding-bottom: 13px;
        padding-top: 13px;
    }
    .hd-linkebox > table {
        max-width: 191px;
        float: right;
        margin-bottom: 2px;
    }
    .hd-schnellkontakt::before {
        content: "";
    }
    div.schnellkontakt table td:last-child   {
        padding-right: 0px;
    }
    .hd-logo {
        padding-bottom: 12px;
        padding-top: 18px;
    }
    .marken-head h3 {
        line-height: 40px;
    }
    header {
        padding-bottom: 35px;
    }
    body.home header {
        padding-bottom: 25px;
    }
    .hd-submenu-startpage > li > a {
        background-size: 54px auto;
    }
    div.mbcol2 > .items-leading > div {
        float: left;
        margin-bottom: 3%;
        margin-left: 0;
        position: relative;
        width: 100%;
        padding-left: 0px;
    }
    div.mbcol2 > .items-leading > div h1, div.mbcol2 > .items-leading > div h1:hover, div.mbcol2 > .items-leading > div h1:focus {
        background-position: -91px 0 !important;
        font-size: 20px;
        padding: 16px 170px 15px 20px;
    }
    div.mbcol2 > .items-leading > div h1 {
        padding-right: 107px;
    }
    div.mbcol2 > .items-leading > div h1 em {
        font-size: 18px;
    }
    .page > div > div > h1 {
        font-size: 32px;
        line-height: 40px;
        padding-left: 20px;
        border: none;
        margin-bottom: 10px;

        background-image: url("../../../images/assets/harmdierks-submenu-active-arrow.png");
        background-position: left 10px;
        background-repeat: no-repeat;
        background-size: 13px auto;
    }
    .page > div > div > h1::before {
        background: none;
        height: auto;
        margin-right: auto;
        width: auto;
    }
    .page > div > div > h1 {
        margin-top: 50px;
    }
    div.mbcol2 > .items-leading > div strong {
        font-size: 14px;
    }
    h4 {
        font-size: 20px;
        line-height: 30px;
    }

    footer {
        background-color: rgba(30, 30, 30, 1);
    }

    .hd-links-logo-mobil{
        background-color: rgba(30, 30, 30, 1);
        display: block;
        /*margin-top: -13px;*/
        padding: 7px 15px 7px 0;
        text-align: left;
    }
    .hd-links-logo-mobil img {
        margin-left: 5px;
        position: relative;
        z-index: 2;
        height: 20px;

    }
    .hd-links-logo-mobil p{
        margin: 0;
    }
    footer {
        padding: 0px 0 1px;
    }

    footer .foot .footermenu  {
        display: none;
    }
    a.nodisplay{
        display: none!important;
    }
    .jsn-bootstrap .jsn-form-content .control-group{
        width: 100%;
    }
    .tbl-zeiten tr td {
        width: 50%;
        float: left;
        padding: 5px 10px;
    }
    .tbl-zeiten tr td:first-child {

    }
    .tbl-zeiten tr td:first-child {
        width: 100%;
    }
    .tbl-zeiten tr:nth-child(2) td:first-child, .tbl-zeiten tr:nth-child(4) td:first-child, .tbl-zeiten tr:nth-child(6) td:first-child, .tbl-zeiten tr:nth-child(8) td:first-child {
        display: none;
    }
   .tbl-zeiten tr:nth-child(4) td {
       padding-bottom: 30px;
   }
    .tbl-zeiten tr:nth-child(3) td:first-child, .tbl-zeiten tr:nth-child(7) td:first-child {
        padding-top: 30px;
    }
    .mbcol-4 div.blog .items-leading > div{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .mbcol-4.partner div.blog .items-leading > div{
        width: 48%;
        float: left;
        margin-left: 2%;
    }
    .mbcol-3 div.blog .items-leading > div {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .mbcol-3 div.blog .items-leading{
        margin-left: 0;
    }
    .mbcol-2 div.blog .items-leading > div{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .mbcol-2 div.blog .items-leading{
        margin-left: 0;
    }
}
@media(min-width: 992px) and (max-width:1199px){
    .hd-links-logo img{

        height: 20px;
        margin-top: 5px;
        width : auto;
    }
}
@media(min-width: 768px) and (max-width: 1217px){
    .mainnavigation {
        margin-right: 0;
    }
    .navbar-collapse{
        padding-right: 0;
    }
    .navbar-inverse{
        margin-right: 0;
    }

}
@media(min-width: 768px) and (max-width:991px){
    .hd-linkebox::before{
        display: none;
    }
    .mainnavigation{
        margin-top: -50px;

        z-index: 5;
    }
    .hd-logo{
        position: relative;
        z-index: 6;
    }
}
@media(max-width: 399px){
    .mod-marken > li{
        width: 50%;

    }
}
@media(max-width: 352px){
    .hd-linkebox::before{
        display: none;
    }
    .hd-links-logo img{

        height: 20px;
    }
    .blog.werkstattangebote .items-leading > div {
        width: 100%;
        padding-right: 0;
    }
}
@media(min-width: 768px){
    #sidebar-wrapper{
        display: none;
    }
    .hd-submenu-startpage.btnfooter {
        display: none;
    }
}
@media (min-width: 1575px){
    .container.wider-container {
        width: 1525px;
    }
}