/* ########################################################################## */
/* # BOF default2.css */
/* # StyleSheet für alle Webseiten Teil-2 */
/* ########################################################################## */





@media screen and (min-width: 400px) {





    .header-search-form .button-search {
        display: inline-block;
    }

    .nl-ordering .nl-left {
        padding-right: 0;
    }

    .nl-ordering .nl-right {
        padding-left: 0;
    }

    .line-special {
        overflow: hidden;
        position: relative;
        text-align: center;
        max-width: 80rem;
        margin-left: auto;
        margin-right: auto;
    }

    .line-special span {
        position: relative;
        padding: 0 20px;
        display: inline-block;
        max-width: 80%;
    }

    .line-special span:before,
    .line-special span:after {
        content: "";
        position: absolute;
        width: 10000px;
        height: 1px;
        top: 50%;
        border-bottom: 1px solid #464646;
        border-bottom-color: inherit;
    }

    .line-special span:before {
        left: -10000px;
    }

    .line-special span:after {
        left: 100%;
    }

    .slider-package .slick-prev,
    .slider-package .slick-next {
        top: 50%;
    }


    #page-header-content {
        height: 300px;
    }

}



@media screen and (min-width: 480px) {

    .xbut-2 {
        display: none;
    }

    .details-button .but-2,
    .angebot-button .but-2,
    .angebot-button .sbut-2 {
        display: inline;
    }

    .slider-special .slick-arrow {
        font-size: 3em;
        width: 50px;
    }
    .slider-special .slick-prev {
        display: block !important;
    }

    .slider-special .slick-list,
    .menu-slider .slick-list,
    .slider-wrapper .slick-list {
        padding: 0;
        margin: 0 15px;
    }

    .menu-slider .slick-arrow {
        font-size: 3em;
        width: 50px;
    }

    .menu-slider .slick-prev {
        display: block !important;
    }

    .ce-menu-102 figure figcaption,
    .ce-menu-103 figure figcaption,
    .package-cell span.mtitel,
    .alternativ-item figure figcaption {
        font-size: 1.5em;
    }





    .header-welcome {
        display: block;
    }

    ul.pager > li.pager-pages {
        display: inline-block;
    }

    .page-header-content-search {
        padding-bottom: 1rem;
        display: flex;
    }

    .page-header-content-search .col-regio,
    .page-header-content-search .col-category {
        width: 40%;
    }

    .page-header-content-search .col-search {
        width: 60px;
    }

    .page-header-content-search .col-search button {
        padding: 0;
    }

    .page-header-content-search .col-search button span.txt {
        display: none;
    }

    /* Filter Set 25% 
    .filter-set .filter-item {
      width: 25%;
    }
    */


    .filter-set .filter-item:nth-child(odd) .filter-list-selection,
    .filter-set .filter-item:nth-child(even) .filter-list-selection {
        left:0;
        right: auto;
    }

    .filter-set .filter-item:nth-child(4n+3) .filter-list-selection,
    .filter-set .filter-item:nth-child(4n+4) .filter-list-selection {
        right:0;
        left: auto;
    }

    .mae-counter .mae-counter-number {
        font-size: 2rem;
    }


    .filter-item-second {
        display: none;
    }
    .filter-item-more {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    figure.slider-package .slick-slide {
        height: 280px;
    }

}




@media screen and (min-width: 481px) {
    .anfrage-pins-bottom {
        display: none;
    }
}

@media screen and (min-width: 481px) and (max-width: 639px) {

    .be-2 #page-header-content,
    .be-3 #page-header-content,
    .be-5 #page-header-content {
        height: 300px;
    }

}


/* ########################################################################## */
/* # EOF default2.css */
/* ########################################################################## */