/*
Theme Name: MVG
Theme URI: http://www.unitedthemes.com
Description: Margarethner Verpackungsgesellschaft m.b.H
Version: 4.9.5
Author: dG dev
Author URI: https://dgdev.at
Template: brooklyn
*/

.tk-hero-new-hairline { font-family: "hero-new-hairline",sans-serif; }
.tk-hero-new { font-family: "hero-new",sans-serif; }

.hero-title, h1, h2, h3, h4, h5, h6, .hero-description-bottom, #primary p, .lead p, #primary ul li, #navigation a, .bklyn-fancy-list {
   font-family: hero-new, sans-serif !important;

}


.hero-title, h1 {
    font-weight: 700 !important;
}
.hero-description-bottom {
    font-size:24px;
    letter-spacing:unset !important;
}
h1 {
    font-size: 48px !important;
    line-height:1.5;
    margin-bottom: 30px !important;
}
h2 {
    font-size: 30px;
    line-height:1.5;
    text-transform: uppercase;
    color:#2F0A3B;
}
h3 {
    font-size: 24px !important;
    color:#2F0A3B;
}
h2, h5, h6 {
    font-weight:600 !important;
}
h4 {
    text-transform: uppercase;
    font-weight:400 !important;
}
h6 {
    font-weight:400 !important;
}
a {
    color: #891270;
}
.vc_row.vc_column-gap-15>.vc_column_container {
    padding: 0 !important;
}
#primary section:first-of-type {
    padding-top: 0 !important;
}
#primary p, p, .ut-service-column p {
    font-size: 18px;
    line-height: 1.5;
}
.home  #primary {
    padding-top: 1.6em !important;
}
.ut-service-column p {
    font-size: 18px !important;
}
.lead p {
    font-weight: 500;
}
.wpb_content_element p, .wpb_text_column p, p.bklyn-team-member-name, p.bklyn-team-member-occupation, p.bklyn-team-member-description {
    font-weight: 300 !important;
}

@media (min-width: 1025px) {
    #navigation a {
        font-size:12px;
    }
}
@media (min-width: 1280px) {
    #navigation a {
        font-size:14px;
    }
}
.ut-footer-area {
    font-size: 18px !important;
    line-height: 1.5;
    font-weight: 300 !important;
}
.ut-footer-area h3 {
    font-weight: 600;
    font-size: 30px !important;
}
.ut-footer-area #text-2 .textwidget p {
    font-size: 18px !important;
    line-height: 1.5;
    font-weight: 300 !important;
}
.ut-footer-area .sidebar ul.menu li ul, .ut-footer-area .sidebar ul.menu li ul li {
    display: none !important;
}
.rc-anchor, .rc-anchor-invisible {
    display: none !important;
}

/* Logo & Navigation */
.site-logo-wrap {
    width: 80% !important;
}
.ut-horizontal-navigation {
    width:100% !important;
    float:right;
}
@media (min-width:768px) and (max-width: 1023px) {
    .site-logo-wrap {
        width: 42% !important;
    }
    .ut-horizontal-navigation {
        width: 58% !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .ut-mm-trigger .ut-hamburger span {
        top: 39px !important;
    }
    #ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before, #ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger:not(.is-active) span, #ut-sitebody .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::after {
        background-color: rgba(137, 16, 112, 1);
    }
    .ut-hamburger-wrap, .menu-item-object-megamenu-button {
        height:80px !important;
    }
    #ut-sitebody .ut-mm-trigger .ut-hamburger span, #ut-sitebody .ut-mm-trigger .ut-hamburger span::before, #ut-sitebody .ut-mm-trigger .ut-hamburger span::after {
        height: 2px;
    }
    .ut-hamburger {
        height:unset !important;
    }
}

@media (max-width:1024px) {
    .site-logo img {
        max-height: 42px !important;
    }
    .mobile-grid-30 {
        width: 100% !important;
        position: absolute;
    }
    .ha-transparent .ut-mobile-menu a:not(.bklyn-btn), .ut-header-dark .ut-mobile-menu a:not(.bklyn-btn), .ut-mobile-menu a:not(.bklyn-btn) {
        padding: 10px 0 !important;
    }
    .bklyn-btn-menu {
        padding: 20px !important;
    }
    .ut-mobile-menu .sub-menu {
        margin: 0 !important;
    }
}

@media (min-width:1024px) {
    .site-logo-wrap {
        width: 32% !important;
    }
    .ut-horizontal-navigation {
        width: 68% !important;
    }
}

@media (min-width:1239px) {
    .site-logo-wrap {
        width: 22% !important;
        transition: 310ms linear;
    }

    .site-logo-wrap.small {
        width: 20% !important;
    }

    .ut-horizontal-navigation {
        width: 78% !important;
        transition: 310ms linear;
    }

    .ut-horizontal-navigation.small {
        width: 80% !important;
    }
}

/* Buttons */
button, .bklyn-btn.bklyn-btn-normal {
    font-size:20px !important;
}
a {
    color: #891270;
}
#navigation a {
    font-size:14px;
    font-weight: 300 !important;
}
.btn-ghost .bklyn-btn{
    background: none !important;
    border: 2px solid;
    color: #474b54;
}
.btn-ghost-lila .bklyn-btn{
    background: none !important;
    border: 2px solid #891270;
    color: #891270;
}
.wpcf7-submit, .submit {
    background: #891270 !important;
    color:#fff !important;
    border-radius: 0 !important;
}
.bklyn-btn-menu {
    background: #891270;
    color:#fff !important;
    padding-right: 0.75rem !important;
    margin-right: -15px !important;
    -webkit-box-shadow:inset 0 0 0 15px #fff;
    -moz-box-shadow:inset 0 0 0 15px #fff;
    box-shadow:inset 0 0 0 15px #fff;
}
.bklyn-btn-menu a, .bklyn-btn-menu  > a span {
    color: rgba(255, 255, 255, 1) !important;
}
.bklyn-btn-holder:hover a, .bklyn-btn:hover, .bklyn-btn-menu:hover {
    background: #741665 !important;
    color: #fff !important;
    -webkit-transition: color 420ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: color 420ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: color 420ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-mobile-menu li {
    list-style: none;
    text-align: center;
}
.ut-mobile-menu a:hover, .ut-mobile-menu a:active {
    background: none !important;
}
.ut-mobile-menu a:not(.bklyn-btn)::before {
    display: none !important;
}
.overview-displays .vc_col-has-fill>.vc_column-inner {
    padding-bottom: 10px !important;
    min-height: 240px;
    display: grid;
}
.overview-displays .vc_col-has-fill>.vc_column-inner .btn-ghost a{
    margin:0 !important;
}
.overview-displays .bklyn-btn-holder {
    margin:auto;
}

/* Gallery Controls */
.ut-owl-gallery-slider-wrap .ut-prev-gallery-slide {
    left: -10px !important;
}
.ut-owl-gallery-slider-wrap .ut-next-gallery-slide {
    right: -10px !important;
}

.Bklyn-Core-Left-2:before, .Bklyn-Core-Right-2:before {
    color:#000  !important;
}
.owl-item {
    padding: 0 2rem !important;
}
.ut-owl-gallery-slider-wrap .ut-next-gallery-slide, .ut-owl-gallery-slider-wrap .ut-next-gallery-slide:hover, .ut-owl-gallery-slider-wrap .ut-prev-gallery-slide, .ut-owl-gallery-slider-wrap .ut-prev-gallery-slide:hover {
    background: none !important;
}

.widget_nav_menu li::before {
    content: ' ' !important;
}
.wpb_text_column ul li, .bklyn-fancy-list ul li {
    font-size:18px;
    line-height: 1.5;
    font-weight: 300;
}
.ha-header {
   -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

/* Special Row */
.small-row {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    overflow: visible !important;
}
.small-row .vc_row, .small-row .vc_row[data-vc-full-width] {
    overflow: visible !important;
}

.outside-image-large .ut-background-load {
    background-position: left !important;
}

.outside-image-large {
    position: absolute !important;
    z-index: 99;
    margin-top: -110px;
    right:0;
}

/* Footer Pattern */
.footer.ut-footer-custom {
    background: url('https://mvg.co.at/wp-content/uploads/2021/07/pattern3.png') repeat top left !important;
}

.ut-footer-area .bklyn-btn-menu, .ut-footer-area .bklyn-btn-menu:hover {
    background: unset !important;
    color:#fff !important;
    padding-right: unset !important;
    margin-right: unset !important;
    -webkit-box-shadow:unset;
    -moz-box-shadow:unset;
    box-shadow:unset;
}
.hero-inner {
    margin-top: 100px;
}
.team-col .lila-col .wpb_column {

    padding-right: 30px !important;
    padding-left: 30px !important;
}
.no-padding-top {

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.imprint {
    font-size: 80%;
}

.map-row {

    width:100%;
    max-height: 40vh !important;
    overflow: hidden;
    
}

/* Media Queries */
@media (max-width: 767px) {

    .vc_column-inner-padding .vc_column-inner > .wpb_wrapper h1, .vc_column-inner-padding .vc_column-inner > .wpb_wrapper h3 {
        text-align: center !important;
    }
    .outside-image-large {
        max-width: 90px;
        position: absolute !important;
        z-index: 99;
        margin-top: -260px !important;
        right:20px !important;
        top:0;
    }
    .team-col .lila-col .wpb_column {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .outside-image {

        position: absolute !important;
        right: 20px;
        z-index: 99;
        margin-top: -30px;
    }
    .outside-image img {
        max-width: 130px;
        height:auto;
    }

    .service-grid .wpb_column {
        padding-bottom: 30px;
    }
    .vc_empty_space {
        display:none !important;
    }
    .vc_col-has-fill  .vc_empty_space {
        display:block !important;
    }
    .ut-mobile-menu {
        line-height: 1 !important;
    }
    .sub-menu .sub-menu a {
        font-size:90% !important;
    }
    .overview-displays h3 span {

        font-size:16px !important;
    }
    .overview-displays h2 span {

        font-size:20px !important;
    }
    .sidebar #nav_menu-2 ul li {
        padding-left: 0 !important;
    }
    .hero-title {
        max-width: 100% !important;
    }

    h1, h2 {
        line-height: 0.85 !important;
    }
    .page-title, .parallax-title, .section-title  {
        line-height: 1 !important;
    }

    h1, h1.hero-title, h1.hero-title span {
        font-size: 28px !important;
    }

    h1:not(.hero-title) span {
        font-size: 28px !important;
    }
    h2 span {
        font-size: 24px !important;
    }
    h3 span {
        font-size: 20px !important;
    }

    #primary p, p, .ut-service-column p {
        font-size: 16px !important;

    }
    .hdb {

        margin-top: -5px !important;
    }

    #ut-mobile-menu {

        padding: 0 !important;
    }
    .bklyn-fancy-list-mobile-center {
        justify-content: left !important;
        margin-left: 14px;
    }
   .list-up-mobile {
        margin-top:-38px !important;
    }

    .page-id-4295 h3 span, .page-id-4297 h3 span {
        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 300!important;
    }
    .vc_custom_1627559453954 {
        min-height: 50px;
    }

}
@media (min-width: 768px) {
    .outside-image {

        position: absolute !important;
        right: 50px;
        z-index: 99;
        margin-top: -90px;
    }
    .outside-image img {
        max-width: 180px;
        height:auto;
    }

    .bklyn-team-member-avatar {
        display: flex;
        margin: 0 0 0 auto !important;
        width:50% !important;
        float:left;
        padding-right: 2rem;
    }
    .bklyn-team-member-avatar img{
        float:right;
    }
    .bklyn-team-member-info {
        text-align: left;
        width: 50% !important;
        padding: 2rem 3rem;
        float:right;
    }
    .bklyn-team-member-info p {
        font-size: 18px;
    }

    .kontakt-footer {
        margin-top: -100px;
    }
    .copyright {
        pointer-events: none;
    }
    .copyright:after {
        content: 'Design by &BEYOND';
        display:inline-block;
        float:right;
        text-transform: initial;
        position: absolute;
        right: 6px;
        pointer-events: all !important;
        text-decoration: underline;
        cursor: pointer;
    }
}

@media (max-width: 1239px) {
    .ut-main-navigation-link {
        padding-left: 10px;
        padding-right: 10px;
    }
    .switch-columns-mobile {

        display: flex;
        flex-flow: column-reverse;
    }
    .hide-1239 {
        display: none !important;
    }


}
@media (min-width:1240px) {
    .ut-main-navigation-link {
        padding-left: 15px;
        padding-right: 15px;
    }
    .outside-image {
        right: 20px;
        margin-top: -110px;
    }

}

@media (max-width: 1439px) {

    .vc_column-inner-padding .vc_column-inner, #testimonial-section .testimonial-content  {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .vc_column-inner-no-right-padding .vc_column-inner {
        padding: 0 30px 30px 30px !important;
    }

    .lila-col {
        padding-top: 100px;
    }
}

@media (min-width: 1440px) {

    .vc_column-inner-padding .vc_column-inner {
        padding: 120px 120px 60px 80px !important;
    }
    #testimonial-section .testimonial-content  {
        padding: 30px 120px 30px 120px !important;
    }
    .vc_column-inner-padding .vc_column-inner > .wpb_wrapper {
        margin-top: 90px;
    }

    .vc_column-inner-no-right-padding .vc_column-inner {
        padding: 0 120px 80px 60px !important;
    }
    .outside-image {

        right: 50px;
        z-index: 99;
        margin-top: -100px;
    }

}

.termsfeed-com---nb-interstitial {
    max-width: 600px !important;
    margin: auto !important;
    top:calc(50vh - 150px) !important;
}

.termsfeed-com---palette-dark.termsfeed-com---nb {
    background-color: #741665 !important;
    color: #fff !important;
}

.termsfeed-com---nb-simple {

    left:15px !important;
    bottom: 15px  !important;
    max-width:390px !important;
    right: 15px !important;

}

.termsfeed-com---nb .cc-nb-main-container {
    padding: 1rem !important;
}
.termsfeed-com---palette-dark .termsfeed-com---nb {
     color: rgb(0, 0, 0);
     background-color: rgb(137, 18, 112);
     height: unset !important;
}

.termsfeed-com---nb .cc-nb-title {
    font-size: 18px;
    font-weight: 600;
}

.termsfeed-com---palette-dark .cc-nb-reject, .cc-nb-okagree {
    font-size: 16px !important;
    font-weight: 600;
    color: rgb(137, 18, 112) !important;
    background-color: #eaeaea !important;
    width: calc(50% - 0.25rem);
    display: inline-block;
}

.cc-nb-changep {
    font-size: 16px !important;
    font-weight: 600;
    width: calc(100% - 0.25rem);
}
.termsfeed-com---palette-dark  .cc-cp-foot-save {
    color: rgb(0, 0, 0);
    background-color: rgb(137, 18, 112); !important;

}
.cc-pc-head-lang select:focus {
    border-color: rgb(137, 18, 112); !important;
}

.termsfeed-com---nb .cc-nb-title {
    font-size: 20px;
}
.termsfeed-com---nb .cc-nb-text {
    font-size: 14px;
}
.termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep {
    font-size: 12px;
}

.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox  {
    visibility: hidden;
}
#open_preferences_center {
    display: none !important;
    visibility: hidden;

}

.menu-social-container .menu {
    display: inline-flex;
}

.menu-social-container .menu li a {
    content: " " !important;
    font-size: 0;
}
li.facebook a:before {
    display: inline-block;
    content: " ";
    background-size: contain;
    width:20px;
    height:20px;
    background: url("img/facebook.svg") no-repeat;

}
li.instagram a:before {
    display: inline-block;
    content: " ";
    background-size: contain;
    width:20px;
    height:20px;
    background: url("img/instagram.svg") no-repeat;

}
li.linkedin a:before {
    display: inline-block;
    content: " ";
    background-size: contain;
    width:20px;
    height:20px;
    background: url("img/linkedin.svg") no-repeat;

}