/* ----------------------------------

Author: Webpresso AG
Description: Safran-Extrakt Responsive
Version: 0.0.1

-------------------------------------*/

@media (max-width: 475px) {

    .advertising-item-horizontal .item .card {
        flex-direction: column !important;
    }

    .advertising-item-horizontal .item .card > div:first-child {
        width: 100%;
    }

    .advertising-item-horizontal .item .card > div:last-child {
        width: 100%;
    }

    .dataprotection h1 {
        font-size: 25px;
    }

}

@media (max-width: 992px) {

    /* ----------------------------------
    Popup Modal
    -------------------------------------*/

    .w_modal .modal-dialog {
        width: 600px;
        right: 0%;
    }

    /* ----------------------------------
    Header
    -------------------------------------*/

	.w_banner {
		background-image: url("../../../assets/img/frau_buchweizenblueten_berge_natur_frei_relax_entspannt_istock_xxl_mobile.webp");
	}

    .w_nav .container-full .navbar-header h2 {
        font-size: 18px;
    }

    .w_banner .item .content h1 {
        font-size: 32px;
    }

    .w_nav .navbar-header .navbar-brand h2 {
        margin-bottom: 0px;
    }

    nav.navbar.bootsnav.navbar-fixed .navbar-toggle {
        margin-top: 0px;
    }

    /* ----------------------------------
    Typografie
    -------------------------------------*/

    .container h2 {
        font-size: 24px;
    }

    .container h3 {
        font-size: 20px;
    }

    .heading-center h4 {
        font-size: 20px;
    }

    .about-us-content h2 {
        margin-bottom: 0px;
    }

    .about-us-content {
        background: none;
    }

    /* ----------------------------------
    Space
    -------------------------------------*/

    .default-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .w_padding_top {
        padding-top: 50px;
    }

    .w_padding_bottom {
        padding-bottom: 50px;
    }

    .w_anchor {
        margin-top: -50px;
    }

    /* ----------------------------------
    Block Informational/TextLeft/ImageRight
    -------------------------------------*/

    .about-us-content.w_textleft .thumb {
        padding-right: 15px;
    }

    .about-us-content.w_textleft .thumb img {
        margin-right: 0%;
        margin-left: 0%;
    }

    .about-us-content .thumb {
        padding-right: 15px;
    }

    .about-us-content .thumb img {
        margin-right: 0%;
        margin-left: 0%;
    }

    /* ----------------------------------
    Block Informational/Text
    -------------------------------------*/

    .about-us-content.default-padding.w_textonly {
        padding-right: 15px;
        padding-left: 15px;
        text-align: left;
        list-style-position: inside;
        list-style-type: disc !important;
    }

    .about-us-content.default-padding .row {
        padding-right: 15px;
        padding-left: 15px;
    }

    .about-us-content.w_textonly .info li {
        left: 0px;
        padding-right: 15px;
    }

    /* ----------------------------------
    Block Testimonial
    -------------------------------------*/

    .w_fixed_height {
        height: auto;
    }

    /* ----------------------------------
    Block Quality
    -------------------------------------*/

    .heading-left::after {
        left: 50%;
        margin-left: -20px;
    }

    .heading-left::before {
        left: 50%;
        margin-left: -40px;
    }

    /* ----------------------------------
    Advert
    -------------------------------------*/

    .d-flex.flex-row.align-items-center.justify-content-between.w_padding_bottom {
        padding-bottom: 0px;
    }

    .blog-area.blog-standard .single-item:nth-child(3) {
        margin-bottom: 0px;
    }

    .blog-area.blog-standard.default-padding .card-body p {
        height: auto;
    }

    /* ----------------------------------
    Block Informational/Quality
    -------------------------------------*/

    .main-services-area .left-info {
        padding-right: 15px;
    }

    .w_check .main-services-box .single-item {
        height: auto !important;
    }

    /* ----------------------------------
    Block Overview/Science
    -------------------------------------*/

    .services-style-five.default-padding.bottom-less {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .services-style-five .item.w_space {
        margin-bottom: 50px;
    }

    /* ----------------------------------
    Block FAQ / Question
    -------------------------------------*/

    .faq-area.default-padding {
        padding-top: 50px;
    }

    .faq-area.default-padding .faq-content{
        padding-left: 0px;
        margin-top: 0px;
    }

    /* ----------------------------------
    Footer
    -------------------------------------*/

    footer.text-light.w_bg .default-padding {
        padding-top: 0px;
    }

    /* ----------------------------------
    Block Informational/Sourcelist
    -------------------------------------*/

    .w_sourcelist .w_sourcelist_heading {
        margin-bottom: 20px;
    }

    .w_sourcelist ul li {
        width: 100%;
        padding-bottom: 70px;
    }

    .about-us-content.w_textonly .info li {
        padding-right: 0px !important;
    }

    .w_sourcelist li::before {
        left: calc(50% - 15px);
        top: -50px;
    }

    .blog-area.blog-standard .single-item.thumb-less .item {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media (max-width: 630px) {

    /* ----------------------------------
    Popup Modal
    -------------------------------------*/
    .w_close {
        left: 94.2%;
        top: -4%;
    }

    .w_modal .modal-dialog {
        width: 90%;
        right: 0%;
        transition: all 0.5s ease;
    }

    .w_modal h3 {
        font-size: 22px;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {

    /* ----------------------------------
    Header
    -------------------------------------*/

    header .w_banner .col-lg-8 {
        flex: 0 0 76.666667%;
        max-width: 76.666667%;
    }

    .nav.navbar-nav.navbar-right {
        //margin-top: -40px;
    }

    /* ----------------------------------
    Block Informational/TextLeft/ImageRight
    -------------------------------------*/

    .w_custom-center {
        display: block;
        height: none;
        margin-top: auto;
        margin-bottom: auto;
    }

    /* ----------------------------------
    Advert
    -------------------------------------*/

    .blog-area.blog-standard.default-padding .card .card-body h3 {
        height: 100px;
    }

    .blog-area.blog-standard.default-padding .card .card-body p {
        height: 160px;
    }

    /* ----------------------------------
    Block Informational/Sourcelist
    -------------------------------------*/

    .heading-center {
        margin-bottom: 30px;
    }

}

@media (min-width: 768px) {

    /* ----------------------------------
    Advert
    -------------------------------------*/

    .blog-area.blog-standard.default-padding .card .card-body p {
        height: 140px;
    }

    /* ----------------------------------
    Block Testimonial
    -------------------------------------*/

    .card.w_fixed_height {
        height: 350px;
    }

    /* ----------------------------------
    Block Informational 3 Sections
    -------------------------------------*/

    .our-process-area .process-list-items .single-item:nth-child(3) {
        margin-top: 3rem;
    }

}


@media (min-width: 1200px) {

    /* ----------------------------------
    Header
    -------------------------------------*/

    header .w_banner .offset-xl-6 {
        margin-left:  55%;
    }

    header .w_banner .col-xl-7 {
        flex: 0 0 62%;
        max-width: 62%;
    }

    /* ----------------------------------
    Recipes
    -------------------------------------*/

    .w_width {
        width: 10% !important;
    }

}

@media (min-width: 1400px) {

    /* ----------------------------------
    Header
    -------------------------------------*/

    header .w_banner .offset-xl-6 {
        margin-left: 40%;
    }

}

@media (min-width: 1600px) {

    .advertising-absolute {
        position: relative;
        width: 150%;
    }

    .advertising-absolute:before {
        left: 1rem;
        transform: translate(0, -50%);
    }
    .advertising-absolute .item .card {
        flex-direction: row !important;
    }
    .advertising-absolute .item .card.w_column {
        flex-direction: column !important;
    }
    .advertising-absolute .item .card > div:first-child {
        width: 40%;
    }
    .advertising-absolute .item .card.w_column > div:first-child {
        width: 100%;
    }
    .advertising-absolute .item .card > div:last-child {
        width: 60%;
    }
    .advertising-absolute .item .card.w_column > div:last-child {
        width: 100%;
    }

}

@media (min-width: 1700px) {

    .advertising-absolute {
        width: 170%;
    }

}

@media (min-width: 1850px) {

    .advertising-absolute {
        width: 200%;
    }

}
