.anzeige_form_div{  display: flex;  }
.modal_tablespan{
    display: inline-block;
    width:110px;
}
.madal_profileimage{
    width:100;
    height:auto;
}
.profile_div{ width:33%; }
.profile_outdiv{ padding:40px; }
.modal_profiletitle{
    background:#ffdfdf; padding:10px; text-align:center;
}
.tablesdiv table tr td{
    white-space: nowrap;
}
.first_city_search{
    display:flex;
    justify-content: space-between;
}
.modal-dialog{
    display: flex;
    align-items: center;
    height: 100vh;
}

#header_menu .mobile-menu{
    display: none;
}

.search_cont>form.search-box-form{
    display: flex;
    justify-content: center;
    margin-left: 30px;
}
.gdiv{
    margin-left:4%;
    margin-right:4%; 
    padding:7px; 
    border:1px solid #dadada; 
    display: grid; 
    grid-template-columns: 30% 30% 30%;
}
.search_cont .index-search-box-btn{
    display: flex;
    justify-content: space-between;
}

.search_cont .index-search-box-btn input{
    width: calc(100% - 80px) !important;
}

#top_angeinu .top_angeinu_first{
    width: 70%;
}

#top_angeinu .g3{
    width: 30%;
}

/* ****************************************** */
        /* --- detailsuche.php --- */
/* ****************************************** */
.von-bis-container{
    display: flex;
}

.von-bis-container div:nth-child(1){
    margin-right: 5px;
}

/* ****************************************** */
        /* --- kontakt.php --- */
/* ****************************************** */
.kontakt-name-email-adress-input-box{
    width: 320px;
}

.kontakt-textarea-box{
    width: 370px;
}


/* ****************************************** */
        /* --- bietie.php --- */
/* ****************************************** */

.biete-table-container textarea{
    width: 100% !important;
}

input.biete-input-box{
    width: 285px;
}

input.biete-Keywords-input-box{
    width: 530px;
}
.orte_main{
    display: grid;
    text-align: left;
    grid-template-columns: 25% 25% 25% 25%;
}
.orte_main div{
    padding-left:25%;
    border-right: 1px dotted lightgray;
}
@media(min-width:575px) and (max-width:1024px){
    .anzeige_form_div{
        flex-direction: column;
    }
}



@media(min-width: 992px){
    div.responsive_anzeigeneu{
        width: calc(100% - 220px) !important;
    }

    #footer_all{
        margin-top: 10px;
    }
}

@media(max-width:400px){
    .modal_tablespan{
        display: inline-block;
        width:90px;
    }
    .madal_profileimage{
        width:60;
        height:auto;
    }
    .modal-body{
        padding:5px !important;
    }
    .modal_profiletitle{
        background:#ffdfdf; padding:10px; text-align:center; font-size: 12px;
    }
   
}
@media(max-width: 992px){
/* ********************** */
    /* index.php */
/* ********************** */
    #main_container{
        overflow-x: hidden;
    }

    #hearder_categories{
        top: 70px;
    }

    #header_top{
        position: relative;
    }

    #header_top ul.navbar-nav{
        position: absolute;
        top: 5px;
        right: 20px;
        display: flex;
    }

    #login_wrap{
        left:-145px !important;
    }
    .lang_wrap{
        left:-80px !important;
    }

    #header_top .navbar-nav .open .dropdown-menu{
        position: absolute !important;
    }
    #header_top .nav>li>a{
        padding: 2px;
    }
    #header_top .user_part{
        right:45px !important; 
    }

    #myCarousel .carousel-inner{
        overflow: initial !important;
    }

    #header_menu div.collapse{
        display: block;
    }

    #header_menu .navbar-nav li {
        margin-left: 5px;
    }

    .search_cont>form.search-box-form{
        flex-wrap: wrap;
    }

    .search_cont .index-search-box-btn{
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }

    #top_new_ads{
        margin: 20px 30px 30px 30px;
    }

    #top_new_top {
        padding: 15px;
    }
/* ****************************************** */
        /* --- footer.php --- */
/* ****************************************** */
    .footer_head .footer_newsl{
        display: block;
    }

    .footer_newsl .footer-form-news-text-container{
        margin: 5px 20px 0 10px;
        justify-content: space-between;
    }

/* ****************************************** */
        /* --- bietie.php --- */
/* ****************************************** */

    .biete-table-container textarea{
        width: 100% !important;
    }

    input.biete-input-box{
        width: 100%;
    }

    input.biete-Keywords-input-box{
        width: 100%;
    }

    .user-edit-main-wrapper{
        width: calc(100% - 220px) !important;
    }

    .user-edit-post-container{
        width: 100% !important;
    }

}

@media(max-width: 768px){
    /* ****************************************** */
            /* --- cookie.php --- */
    /* ****************************************** */
    .navbar-nav a {
        color: white !important;
    }
    #bn-bar{
        display: flex;
        flex-direction: column-reverse;
        padding: 10px;
        align-items: center;
    }
    #bn-bar button{
        margin-left: 0px;
        margin-right: 0px;
    }

    #bn-bar p{
        line-height: 1.1;
    }

    #main-wrapper table{
        width: 100%;
    }
    .register_div{ margin-left: 0 !important;}
    
    #gallery_one{
        grid-template-columns: 50% 50% !important;
    }
    .tablesdiv{ overflow-x: auto;  }
    .praemium tbody{
        padding: 10px;
        float: left;
    }

    .praemium .einsa{
        display: table-row;
    }

    .praemium .einsa a>img{
        width: 100%;
        height: auto;
    }
/* ********************** */
    /* index.php */
/* ********************** */
    #main_container, #content_container, #menu_container{
        width: 90vw !important;
    }

    #header_menu .navbar-nav{
        display: flex;
        margin-top: 0px;
    }

    .each_ads{
        padding: 0px 15px 20px 15px;
    }
    .each_ads:nth-child(8){
        display:none;
    }
    #ads_2 table:nth-child(3) tbody tr td{
        display: table-row;
        width: 100%;
        float: left;
    }

    #ads_2 table:nth-child(3) tbody tr td:nth-child(1) a{
        padding: 0 10px;
    }

    #ads_2 table:nth-child(3) tbody tr td:nth-child(2){
        padding: 10px 0;
    }

    #ads_2 table:nth-child(3) tbody tr td:nth-child(2) input:nth-child(1){
        width: calc(100% - 100px);
    }

    .search_cont form .first-div{
        padding-left: 30px;
    }

    .search_cont form .second-div div:nth-child(2){
        margin-right: 0px !important;
        margin-top:5px;
    }

/* ****************************************** */
        /* --- branchensuche.php --- */
/* ****************************************** */
    .branchensuche-content-btn-container>td{
        display: table-row;
        text-align: center;
        padding-bottom: 10px;
    }

    .branchensuche-content-btn-container a{
        width: 100%;
    }

    .gdiv{
        grid-template-columns: 50% 50%;
    }
    
/* ****************************************** */
        /* --- rubrik.php --- */
/* ****************************************** */

    .rubrik .praemium .einsa{
        display: table-row;
    } 
    
    
    .rubrik .praemium .einsa a>img{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    tr.seller-review-tr-container td{
        display: table-row;
        width: 100% !important;
    }

    .reviewsr1 img{
        width: 100% !important;
    }
    .reviewsr2 div:nth-child(2){ flex-direction: column;}

    .buyer-review-image-container img{
        width: 100% !important;
    }

/* ********************** */
    /* user/daten.php */
/* ********************** */
    tr.user-daten-tr-container td:nth-child(1){
        width: 150px !important;
    }

    tr.user-daten-tr-container td:nth-child(2){
        width: 80px !important;
    }

    tr.user-daten-tr-container td:nth-child(3){
        width: 80px !important;
    }

    tr.user-daten-tr-container td:nth-child(4){
        width: 0px !important;
    }

    tr.user-daten-tr-wrapper td:nth-child(1){
        width: 150px !important;
    }

    tr.user-daten-tr-wrapper td:nth-child(2){
        width: 50px !important;
    }

    tr.user-daten-tr-wrapper td:nth-child(3){
        width: 50px !important;
    }

    tr.user-daten-tr-wrapper td:nth-child(4){
        width: 60px !important;
    }


/* ********************************** */
    /* --- user/daten.php ---- */
/* ********************************** */

    tr.user-merkliste-tr-container td{
        display: table-row;
    }

    tr.user-merkliste-tr-container td div:nth-child(1) img{
        width: 90% !important;
    }

/* ********************************** */
    /* --- anmelden2_i.php ---- */
/* ********************************** */
    .anmelden2_i-spamschutz-table1, .anmelden2_i-spamschutz-table2{
        margin-left: 0px !important;
    }

/* ****************************************** */
        /* --- footer.php --- */
/* ****************************************** */
    #footer{
        display: block !important;
    }    



    .anmelden-plan-radio-box-conatiner{
        display: flex;
        padding: 5px 0;
    }

    .anmelden-plan-radio-box-conatiner input{
        width: 30px !important;
    }

/* ****************************************** */
        /* --- user/bild.php --- */
/* ****************************************** */


    .image-upload:nth-child(1) img.img_up{
        width: 100% !important;
        height:250px !important;
    }

    .image-upload:nth-child(1) label{
        width: 100% !important;
    }
    .image-upload input.pic_file{
        width:100px !important;
    }
    #imageupload_des{
        margin: 0 0 !important;
    }
    .user-bild-verkleinern-img{
        width: 100% !important;
    }
}

@media(max-width: 575px){
/* ********************** */
    /* index.php */
/* ********************** */
    .div_contain_response_td{ flex-direction: column;}
    .div_contain_response_td a{ width:100%; margin-top:5px; }
    .reviewsr1, .reviewsr2{ width:100%; }
    .main_ads_img{    height: 100px !important;    }
    .top_each_ads{ width:140px !important;    margin: 0px 15px 20px 15px !important; }

    .gdiv{
        grid-template-columns: 100%;
    }
    .ad_imgs{ 
        width:100% !important; 
        height: 200px !important;
    }
    .rubric_main_table tr td{
        flex-direction: column;
        width:100%;
    }
    .adpageres5{ width:100% !important; }
    .profile_div{ 
        width:100%; 
        border-bottom: 1px solid lightgray;
    }
    .profile_div img:nth-child(1){ width:100%; }
    .profile_outdiv{ padding:5px; }
    
    .orte_main{
        grid-template-columns: 50% 50%;
    }
    .orte_main div{
        padding-left:10%;
    }

    .first_city_search{
        display:block;
    }
    #header{
        height: 350px;
    }

    #hearder_categories{
        top: 44px;
    }

    .cat_cont{
        height: 200px;
    }

    #header_top .nav-item{
        z-index: 9999;
    }

    #header_top .nav-item #login_wrap{
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }


    #header_menu .mobile-menu{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 23px;
    }

    
    #header_menu .dropdown-menu{
        opacity: 0;
    }

    .navbar-nav .open .dropdown-menu{
        opacity: 1 !important;
    }

    #header_menu .mobile-menu .fa-bars{
        color: white;
        animation: drop-down-animate .3s ease-in;
        cursor: pointer;
    }


    @keyframes drop-down-animate {
        from{
            opacity: 0;
        }
        to{
            opacity: 1;
        }
    }



    #header_menu .mobile-menu .fa-times{
        cursor: pointer;
        display: none;
        color: white;
        animation: drop-down-animate .3s ease-in;
    }

    #header_menu .navbar-nav{
        flex-direction: column;
        background:  #1b1f23;
        filter: brightness(1);
        animation: drop-down-menu-animation .3s ease-in-out;
        
    }

    @keyframes drop-down-menu-animation {
        from{
            height: 0px;
            opacity:0.3;
            }
        to{
            height: 170px;
            opacity:1;
        }
    }

    #header_menu .dropdown-menu a, #header_menu .dropdown-menu a b{
        color: white !important;
    }


    #header_menu .navbar-nav li a{
        text-align: center;
    }

    #site_logo img{
        height: 40px;
    }

    #main_container, #content_container, #menu_container{
        width: 100vw !important;
    }
    #header_top .nav>li>a:hover{
        background-color: transparent !important;
    }

    #header_top ul li:nth-child(2) a{
        margin-right: 7px;
    }

    #header_menu .navbar-nav{
        display: none;
        position: relative;
        z-index:100;
    }

    #header_menu #last_menu_list{
        display: flex;
        justify-content: center;
    }

    #header_menu #last_menu_list a b i{
        color: white !important;
    }

    #top_new_ads{
        margin: 20px 18px 20px 18px;
    }

    #staedte-table-container{
        overflow-x: scroll;
    }

    #staedte-table-container .table-striped{
        min-width: 500px;
    }

    #gallery_one{
        grid-template-columns: 50% 50%;
    }


    #top_new_top div:nth-child(2){
        text-align: right;
    }

    #top_new_top div:nth-child(1){
        display: none;
    }

/* ****************************************** */
        /* --- detailsuche.php --- */
/* ****************************************** */
    #main-wrapper{
        float: none;
        margin: 0 auto;
        width: 90vw !important;
    }

    .von-bis-container{
        flex-direction: column;
    }

    .von-bis-container div:nth-child(1){
        margin-bottom: 5px;
    }

    .smallgrey{
        padding-right: 10px;
    }

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

/* ****************************************** */
        /* --- rubrik.php --- */
/* ****************************************** */
    #sidebar2{
        float: none !important;
        width: 90vw !important;
        margin-left: 4% !important;      
    }

/* ****************************************** */
        /* --- anzeige.php --- */
/* ****************************************** */

    #top_angeinu{
        flex-direction: column;
    }

    #top_angeinu .g3{
        padding-top: 15px;
    }

    #top_angeinu .g3 .low_table{
        width: 100%;
    }

    #user_ads .ad{
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }

    #user_ads  .ad_flag_land{
        position: initial !important;
    }

    #user_ads .ad_img img{
        width: 100%;
        height: auto;
    }

    #top_angeinu .top_angeinu_first .g2{
        padding-right: 0px !important;
    }

    #top_angeinu .top_angeinu_first .g4 .large_image{
        width: 100% !important;
    }

    #top_angeinu .top_angeinu_first{
        width: 100%;
    }

    #top_angeinu .g3{
        width: 100%;
    }

    .modal-body .item, .modal-body .item img{
        height: auto !important;
    }

    .a_btn, .g3 .submit {
        float: left;
    }

    .anzeige-map-bottom-table tbody tr td{
        display: flex;
    }

    .anzeige-map-bottom-table tbody tr td span:nth-child(1){
        width: 100px;
    }

    #main-wrapper .praemium tbody{
        padding: 10px;
        float: left;
    }

    #main-wrapper .praemiumbottom img{
        margin: 10px 10px 0;
    }


    #main-wrapper .stadtsuche-large-container table{
        width: 100%;
    }

    .stadtsuche-table .praemium tbody{
        padding: 10px;
        float: left;
    }

    .stadtsuche-table .praemium .einsa{
        flex-direction: column;
    }

    .stadtsuche-table .praemium .einsa a>img{
        width: 100%;
        height: auto;
    }

    td.firmenliste-td-container{
        padding: 50px 2px !important;
    }

    td.firmenliste-td-container img{
        width: 100% !important;
    }

    .branchensuche-select{
        width: 180px !important;
    }


    tr.profil-tr-container{
        display: table;
        width:100%;
    }

    tr.profil-tr-container>td{
        display: table-row;
    }

    tr.profil-tr-container img{
        width: 100% !important;
    }


/* ********************************** */
    /* --- user/daten.php ---- */
/* ********************************** */
    .user-daten-ja-nein-container td:nth-child(1){
        width: 150px !important;
    }

    .user-daten-ja-nein-container td:nth-child(2){
        width: 20px !important;
        padding-left: 10px;
    }

    .user-daten-ja-nein-container td:nth-child(3){
        width: 50px !important;
    }

    .user-daten-ja-nein-container td:nth-child(4){
        width: 0px !important;
    }

/* ********************************** */
    /* --- user/daten.php ---- */
/* ********************************** */

    tr.user-merkliste-tr-container td:nth-child(2){
        width: 100% !important;
        padding: 5px 10px;
        float: left;
    }

    tr.user-merkliste-tr-container td:nth-child(2) img{
        margin: 0px !important;
    }

/* ********************************* */
    /* --- footer.php ---- */
/* ********************************* */
    .footer_newsl .footer-form-news-text-container{
        flex-direction: column;
        align-items: baseline;
        padding-left: 10px;
    }

    .footer_newsl form{
        margin: 5px 0px;
    }

    .footer_newsl .footer-form-news-text-container{
        margin: 0px;
    }

    .footer_each{
        width: 100%;
        margin-bottom: 15px;
    }

    #footer_part{
        flex-wrap: wrap;
    }

    .footer_head{
        margin-left: 8px;
    }

/* ********************************* */
    /* --- widerruf.php ---- */
/* ********************************* */

    .widerruf-container p{
        width: 300px;
        overflow: hidden;
    }


/* ********************************* */
    /* --- backlink.php ---- */
/* ********************************* */
    .backlink-textarea1-container, .backlink-textarea2-container, .backlink-banner-img{
        width: 80vw !important;
    }

/* ********************************* */
    /* --- faq.php ---- */
/* ********************************* */
    .faq-post-container img{
        width: 90% !important;
    }

/* ****************************************** */
        /* --- kontakt.php --- */
/* ****************************************** */
    .kontakt-name-email-adress-input-box{
        width: 64vw;
    }

    .kontakt-textarea-box{
        width: 80vw;
    }

    .backlink-p-container{
        margin: 0 15px;
        margin-left: 15px !important;
    }

}
@media (max-width: 325px){
    .top_each_ads {
        width: 130px !important;
        margin: 0px 5px 10px 5px !important;
    }
    #top_new_top .btn{
        padding: 5px 8px;
    }
    #top_new_top {
        padding: 15px 5px;
    }
}