

.title.has_background, .title.has_fixed_background {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover !important;
}


.breitesbild {width: 130% !important;
margin-top: -40px;
}

.breitesbildlinks {
    width: 130% !important;
    margin-top: -40px;
    margin-left: -30%;
}


section.parallax_section_holder {
background-size: cover !important;
-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    background-color: #f9f9f9;
color: #7c7c81 !important;
font-family: 'Poppins', sans-serif;
}


.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    border-radius: 15px;
}


nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    text-decoration: none;
}


.mobile_menu_button span {
    width: 30px;
    z-index: 1;
padding-left:20px !important;
}


a:hover, p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .q_tabs .tabs-nav li a:hover, .q_icon_with_title .icon_with_title_link:hover, .blog_holder article .post_description a:hover, .blog_holder.masonry article .post_info a:hover, .portfolio_social_holder a:hover, .latest_post_inner .post_infos a:hover {
    text-decoration: none;
}


.footer_top .widget_meta > ul > li, .footer_top .widget_nav_menu ul li, .footer_top .widget_pages ul li, .footer_top .widget_recent_comments > ul > li, .footer_top .widget_recent_entries > ul > li {
    padding: 0 !important;
}


.more_facts_button {
    font-family: 'Poppins', sans-serif !important;
}


.q_list.circle ul > li::before {
    background-color: #d6ba8c;
}

.q_list.circle ul > li, .q_list.number ul > li {
    margin: 0 !important;
    color: #818181 !important;
font-size: 1em !important;
font-family: 'EB Garamond', sans-serif;
}

.ordered ol li {
    margin: 0 !important;
    padding: 0 0 0 4px;
    color: #818181  !important;
font-size: 1em !important;
font-family: 'EB Garamond',serif;
}


.footer_bottom p, .footer_bottom span {
    font-family: 'Poppins';
    font-size: 11px;
margin-bottom: 0px !important;
}


nav.main_menu ul li.active a {
    font-weight: 800;
}


nav.main_menu > ul > li > a {
    color: #ffffff;
    line-height: 97px !important;
}


.header_bottom {
    background-image: url("https://www.ratiolegis.at/wp-content/uploads/linie.svg");
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 3000px 62px;
}


h1, h2, h3, h4, h5, p {
    margin-bottom: 1em !important;
}


@media only screen and (max-width: 1060px) {
    .mobile_menu_button {
        float: right !important;
        margin: 0 !important;
    }
    nav.mobile_menu ul li a {
        text-align: center !important;
    }
}


@media (max-device-width:767px){
.header_bottom {
    background-image: none;
}
}

@media only screen and (min-width: 1201px) {
nav.main_menu.left {
    left: -17px !important;
}

.q_logo {
    left: 745px !important;
}
}

@media only screen and (min-width: 1061px) and (max-width: 1200px) {
nav.main_menu.left {
    left: 0px !important;
}

.q_logo {
    left: 645px !important;
}

nav.main_menu > ul > li > a {
    padding: 0 10px;
}
}



/* mobile header on iPad fix */
@media only screen and (min-width: 1001px) and (max-width: 1060px) {
    .mobile_menu_button {
        display: table !important;
    }
    nav.mobile_menu {
        display: block;
        background-color: transparent;
    }
    .q_logo a img.light {
        opacity: 0 !important;
    }
    .q_logo a img.mobile {
        opacity: 1 !important;
    }
    .main_menu {
        display: none!important;
    }
    .q_slider {
        margin-top: 87px !important;
    }
}
/* logo position fix */
@media only screen and (min-width: 1001px) and (max-width: 1060px) {
    .logo_wrapper {
        left: 50%;
        position: absolute;
        margin-left: -120px !important;
        margin-top: 7px !important;
    }
    .header_inner_left, footer.uncover, header {
        position: relative !important;
        left: 0 !important;
        margin-bottom: 0 !important;
    }
}