﻿/*
 Theme Name:   hd-theme
 Theme URI:    http://rockythemes/nimva
 Description:  Nimva Child Theme
 Author:       HD Group
 Author URI:   http://www.hd-g.net
 Template:     nimva
 Version:      2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  nimva-child
*/

body,
body * {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

#gotoTop {
    background-image: url("img/up.png");
    content: none;
    background-position: center 10px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

#gotoTop:before {
    content: none;
}

#wrapper {
    box-shadow: none !important;
}

#header {
    border-bottom: none !important;
}

#logo {
    margin: 10px 15px 0 15px !important;
}

#header nav>ul>li {
    margin-left: 12px !important;
}

#header nav>ul>li>a {
    color: #002865 !important;
    font-size: 1.5em !important;
    padding: 0 4px !important;
    /*font-variant: small-caps;*/
}

html:not(.js) #header nav>ul>li>a,
html:not(.js) #header.reduced nav>ul>li>a {
    line-height: 35px !important;
}

html:not(.js) #header nav>ul>li.current-menu-item a {
    font-weight: bold;
}

.sf-menu li ul li a .sf-sub-indicator [class^="fa-"],
.sf-menu li ul li a .sf-sub-indicator [class*=" fa-"] {
    color: #002865 !important;
}

.sf-menu li ul li a:hover .sf-sub-indicator [class^="fa-"],
.sf-menu li ul li a:hover .sf-sub-indicator [class*=" fa-"] {
    color: #f9f9f9 !important;
}

#header nav .sf-menu li ul {
    top: 32px !important;
}

#header .sf-menu li ul li a {
    font-size: 15px !important;
    line-height: 15px !important;
}

.title-outer h3 {
    border-bottom: none !important;
}

.wr-part-one {
    padding-top: 35px;
    padding-bottom: 30px;
    font-size: 14px !important;
}

.wr-part-one .titr h3,
.wr-part-three .titr h3,
.wr-part-four .titr h3 {
    margin-bottom: 20px;
    font-size: 55px !important;
}

.wr-part-one .titr-s {
    padding-bottom: 5px !important;
}

.wr-part-one .titr-s h3 {
    margin-top: 10px;
    font-weight: 600;
}

.wr-part-one .vc_col-sm-3 {
    width: 24% !important;
}

.wr-part-one .btn-more a {
    margin-top: 35px;
    font-variant: small-caps;
    padding: 12px 40px;
}

.wr-part-one .btn-more {
    margin-bottom: 34px !important;
}

.wr-part-one .vc_col-sm-3 .vc_column-inner .wpb_wrapper {
    border: 1px solid #f1f1f1;
}

.wr-part-one .vc_col-sm-3 .wpb_text_column .wpb_wrapper {
    border: none !important;
}

.wr-part-two {
    padding-bottom: 85px;
    padding-top: 100px;
}

.wr-part-two .titr h3 {
    font-size: 55px !important;
    line-height: 1.2em !important;
    margin: 0 2%;
}

.wr-part-two .btn-more a {
    font-size: 23px !important;
    margin-top: 10px;
    padding: 20px 60px;
}

.wr-part-three {
    padding-top: 55px;
    padding-bottom: 90px;
    line-height: 1.2em !important;
}

.wr-part-three .vc_col-sm-12 {
    padding-left: 25px !important;
}

.wr-part-three .wpb_text_column {
    width: 80%;
}

.wr-part-three .titr h3 {
    margin-bottom: 40px !important;
}

.wr-part-three .titr-sm {
    margin-bottom: 5px !important;
}

.wr-part-three .titr-sm h3 {
    font-weight: bold;
    margin-bottom: 10px !important;
}

.wr-part-three .titr-s {
    margin-bottom: 10px !important;
}

.wr-part-three .titr-s h3 {
    margin-top: 15px;
    font-weight: 600;
}

.wr-part-three .btn-more a {
    margin-top: 35px;
    font-variant: small-caps;
    padding: 12px 40px;
}

.wr-part-four {
    padding-top: 25px;
    padding-bottom: 125px;
}

.wr-part-four .titr h3 {
    margin-bottom: 35px !important;
}

.wr-contact {
    padding-bottom: 15px;
    padding-top: 20px;
    background-color: #31353e;
    color: #aeaeae !important;
    font-size: 16px !important;
}

.wr-contact .titr {
    margin-bottom: 10px !important;
}

.wr-contact .photo {
    margin-bottom: 25px;
}

.wr-contact .ico-home {
    background: transparent url(img/ico-home.gif) no-repeat scroll 0 0 !important;
    padding-left: 50px;
    margin-bottom: 20px;
}

.wr-contact .ico-tel {
    background: transparent url(img/ico-phone.gif) no-repeat scroll 0 0 !important;
    padding-left: 50px;
    margin-bottom: 20px;
}

.wr-contact .ico-email {
    background: transparent url(img/ico-email.gif) no-repeat scroll 0 0 !important;
    padding-left: 50px;
    margin-bottom: 20px;
}

.wr-contact ul {
    list-style: outside none none !important;
    margin-left: 0 !important;
}

.wr-contact li a {
    color: #aeaeae !important;
}

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #fff !important;
    padding: 0 !important;
}

.vc_column-inner {
    padding: 0 !important;
}

.wr-social {
    background-color: #22252b !important;
    padding-bottom: 15px;
    padding-top: 0px;
}

.wr-social .team-skills {
    text-align: center;
}

.wr-social .team-skills li a {
    margin: 5px;
    color: #c6c6c6;
}

.wr-social .team-skills li a i {
    font-size: 20px !important;
    color: #c6c6c6;
}

.wr-social .team-skills li a:hover,
.wr-social .team-skills li a i:hover {
    color: #fff;
}

.request-submit {
    text-align: center;
}

.request-submit input {
    font-size: 14px;
    padding: 10px 30px;
}

#hdg-footer>.vc_row {
    background-attachment: scroll;
    position: relative;
    left: -361.5px;
    box-sizing: border-box;
    width: 1913px;
    padding-left: 361.5px;
    padding-right: 361.5px;
}

#hdg-footer .footer-lang-head {
    margin: 20px 0px -10px 0px !important;
}

.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: #01417f;
    border-radius: 0px;
    border: none;
}

.vc_btn3.vc_btn3-color-juicy-pink:hover,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    background-color: #003971;
    border: none;
}

@media only screen and (max-width: 1159px) {
    #header nav>ul>li {
        margin-left: 0px !important;
    }

    .vc_row.vc_column-gap-30 {
        margin-left: 0;
        margin-right: 0;
    }

    #header nav>ul>li>a {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 979px) {
    .vc_row.vc_column-gap-30 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .wr-part-one .titr-s h3 {
        font-size: 11px !important;
    }

    #logo {
        margin: 0 auto !important;
    }

    #logo img {
        height: 115px !important;
        width: 437px !important;
    }

    #top-bar .rightalign {
        display: none;
    }

    #header #toggle-nav {
        right: -148px;
        color: #002864 !important;
        position: absolute;
        top: -153px;
    }

    #header #toggle-nav span {
        display: none;
    }

    .wr-part-one .titr h3,
    .wr-part-three .titr h3,
    .wr-part-four .titr h3 {
        font-size: 40px !important;
    }
}

@media only screen and (max-width: 767px) {
    #logo img {
        height: 115px !important;
        width: 437px !important;
    }

    #header #toggle-nav {
        right: -78px;
    }

    .wr-part-one .vc_col-sm-3 {
        width: 100% !important;
    }

    .wpb_single_image.vc_align_left {
        text-align: center;
    }

    .wr-part-one .titr-s h3 {
        font-size: 18px !important;
    }

    .vc_row.vc_column-gap-30 {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 639px) {
    #top-bar .rightalign .menu li:first-of-type {
        display: none !important;
    }

    #logo img {
        height: 79px !important;
        width: auto !important;
    }

    #header #toggle-nav {
        right: 5px;
        top: -119px;
    }

    #top-bar .rightalign {
        float: left;
    }

    #top-bar .leftalign {
        margin-left: 12px;
    }

    .container {
        width: 100%;
    }

    #mobile-menu ul li a,
    #mobile-menu .container>ul>li:last-child ul li a {
        padding-left: 15px !important;
    }

    .wr-part-two .titr h3,
    .wr-part-one .titr h3,
    .wr-part-three .titr h3,
    .wr-part-four .titr h3 {
        font-size: 30px !important;
    }

    .wr-part-three .titr-sm h3 {
        font-size: 25px !important;
    }

    .wr-part-three .vc_row {
        margin-left: -15px;
        margin-right: 0px;
    }

    #hdg-footer .vc_row {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}

@media only screen and (max-width: 479px) {
    #top-bar .rightalign .menu {
        display: none !important;
    }

    #logo img {
        height: 71px !important;
        width: auto !important;
    }

    #header #toggle-nav {
        right: -5px;
        top: -109px;
    }

    .wpml-ls-menu-item .wpml-ls-flag+span {
        display: none;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
not all,
not all,
not all,
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    #logo a.retina_logo {
        display: inline-block !important;
    }
}

/* ---- Fix for Nimva 3.x + WPBakery 9: keep the navy "Weiterlesen" (read more) buttons ---- */
body .vc_btn3.vc_btn3-color-juicy-pink,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-classic,
body .vc_grid-container .vc_btn3.vc_btn3-color-juicy-pink {
    background-color: #01417f !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
    color: #ffffff !important;
}

body .vc_btn3.vc_btn3-color-juicy-pink:hover,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern:hover,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-classic:hover {
    background-color: #003971 !important;
    border: none !important;
}

/* ---- v4: WPBakery 9 post grid ("Publikationen") - same look as the old site ---- */
/* 1) every WPBakery button: navy, square (as on the old site) */
body a.vc_btn3,
body .vc_btn3,
body :is(.vc_grid-container, .vc_grid-item, .vc_gitem-zone) a[class*="vc_btn3"] {
    background-color: #01417f !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    padding: 12px 22px !important;
    text-shadow: none !important;
}

body a.vc_btn3:hover,
body .vc_btn3:hover,
body .vc_btn3:focus {
    background-color: #003971 !important;
    color: #ffffff !important;
}

/* 2) card text (excerpt): normal weight, 15px, dark grey */
body :is(.vc_grid-container, .vc_grid-item, .vc_gitem-zone-c) :is(p, span, div, strong, b):not(.vc_btn3):not(.vc_btn3-container) {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: #333333 !important;
}

/* 3) card title: bold 18px (must come AFTER rule 2) */
body :is(.vc_grid-container, .vc_grid-item, .vc_gitem-zone-c) :is(h1, h2, h3, h4, h5, h6),
body :is(.vc_grid-container, .vc_grid-item, .vc_gitem-zone-c) :is(h1, h2, h3, h4, h5, h6) *,
body :is(.vc_grid-container, .vc_grid-item) .vc_gitem-post-data-source-post_title,
body :is(.vc_grid-container, .vc_grid-item) .vc_gitem-post-data-source-post_title *,
body :is(.vc_grid-container, .vc_grid-item) .vc_gitem-post-data-source-post_title :is(p, span, div, a) {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: #333333 !important;
}

/* 4) card inner spacing like the old site */
body :is(.vc_grid-container, .vc_grid-item) .vc_gitem-zone-c .vc_gitem-zone-mini,
body :is(.vc_grid-container, .vc_grid-item) .vc_gitem-zone-c .vc_gitem-col {
    padding: 10px !important;
}