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

	.shopinfo1 { width:50%; }
	.shopinfo2 { padding-bottom:20px; width:50%; }
	.shopinfo3 { clear:both; padding-top:20px; border-top:1px dotted #CCC; float:none;width:100%; }
}
@media all and (max-width: 1070px) {
.col { float:none; width:100%; }
.col3,.col2 { float:left; width:50%; }
.col4 { float:left; width:33%; }
	
}

@media all and (max-width: 990px) {

	.col4 { float:left; width:50%; }
	.box1 { width: 50%; min-width:inherit; max-width:inherit; float: left; }
	#nav_main ul li { font-size:12px; }
	.bx_bottom_part2 { width:20%; }
	.bx_bottom_part3 { width:45%; }
}

.table_cont {max-width:100%; margin:auto 0px;padding:0px; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }

@media all and (max-width: 900px) {

        
    .footernav { padding: 30px 15px; }
    .footernav .footernav-cards { gap: 20px; }
    .footernav .footernav-card { 
        flex: 1 1 100%; 
        padding: 24px; 
        margin-bottom: 16px;
        min-height: 120px;
    }
    
    .shopArtikel_c { min-height: 1px; display:block !important; flex-wrap:wrap; align-items:normal; gap: 0px; }
    .shopArtikel_RGT { max-width:100% !important; margin-top:20px; }

    .table_cont { width:100%;max-width:100%; margin:auto 0px;padding:0px; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }

    #nav_main ul li a { width:auto; }
    #bx_mainContent { padding-top: 110px; }

    #bx_top { height:90px; background:#FFF; position:fixed; z-index:10010 !important; }
    
    #bx_logo { margin:47px 20px 0px 20px; padding-top:0px; float:left; text-align:left;width:auto; }
    
    #bx_top.bx_top_scrolled .bx_top_top { display:block; }
    
    #bx_top.bx_top_scrolled #bx_top1__ { display:none; }
    #bx_top.bx_top_scrolled #bx_top2__ { display:none; }
    
    #bx_top.bx_top_scrolled #bx_logo { margin-top:23px; }
    #bx_top.bx_top_scrolled #bx_logo img { height:17px; }

    #bx_top1 { display:none; }
    #bx_top2 { float:none;position: absolute; text-align:left;width:auto; top:0px;left:20px; }

	.bx_MainContainer_admin header .header_c { height: 25px; }
    .mobile_nav_ico { display: block !important; position: absolute; top: 13px; right: 15px; z-index: 10011 !important; cursor: pointer; }
    
    .mobile_nav_ico button { background: none; border: none, cursor: pointer; padding: 0; }
    
    .mobile_nav_ico img { width: 45px; height: 45px; transition: transform 0.3s ease; }
    
    header .main_nav_c { display: none !important; }
    .main_nav_c.subnav { display: block !important; padding-left:20px; }
    .subnav ul li { padding-right:20px; }

    .nav_visible .main_nav_c { display: block !important; position: fixed !important; top: 0; left: 0; width: 100%; height: 100vh; background: #ffffff !important; box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15); z-index: 10015 !important; overflow-y: auto; -webkit-overflow-scrolling: touch; animation: slideInLeft 0.3s ease-out; }
    
    .nav_visible .main_nav_c::before { content: ''; display: block; height: 70px; background: linear-gradient(135deg, #1e2a78, #3cd5c9); position: sticky; top: 0; z-index: 10013 !important; }
    
    .nav_visible .main_nav_c::after { content: '×'; position: fixed; top: 15px; right: 20px; width: 40px; height: 40px; color: white; font-size: 35px; text-align: center; line-height:35px; cursor: pointer; z-index: 10014 !important; font-weight: 300; }
    
    .nav_visible .main_nav_c ul { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; display: block !important; width: 100% !important; text-align: left !important; font-size: 16px !important; }
    
    .nav_visible .main_nav_c ul li { background: transparent !important; margin: 0 !important; border-bottom: 1px solid #f0f0f0 !important; padding: 0 !important; float: none !important; display: block !important; text-transform: none !important; font-size: 16px !important; height: auto !important; line-height: normal !important; list-style: none !important; }
    
    .nav_visible .main_nav_c ul li:hover { background: #f8f9fa !important; }
    
    .nav_visible .main_nav_c ul li .bxm_left, .nav_visible .main_nav_c ul li .bxm_right { background: none !important; padding: 0 !important; height: auto !important; }
    
    .nav_visible .main_nav_c ul li a { display: block !important; padding: 16px 20px !important; color: #2c3e50 !important; text-decoration: none !important; font-size: 16px !important; font-weight: 500 !important; border: none !important; text-transform: none !important; border-radius: 0 !important; background: transparent !important; width: 100% !important; height: auto !important; transition: all 0.2s ease; }
    
    .nav_visible .main_nav_c ul li a:hover { color: #1e2a78 !important; background: #f8f9fa !important; padding-left: 24px !important; text-decoration: none !important; }
    
    .nav_visible .main_nav_c ul li.parent { background: #f8f9fa !important; border-bottom: 2px solid #e9ecef !important; }
    
    .nav_visible .main_nav_c ul li.parent a { font-weight: 600 !important; color: #1e2a78 !important; text-transform: uppercase !important; font-size: 14px !important; padding: 20px 20px 12px 20px !important; }
    
    .nav_visible .main_nav_c ul li ul { display: block !important; position: relative !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; top: auto !important; left: auto !important; width: 100% !important; }
    
    .nav_visible .main_nav_c ul li ul li { border-left: 3px solid transparent !important; margin: 0 !important; width: 100% !important; float: none !important; /*display: block !important;*/ }
    
    .nav_visible .main_nav_c ul li ul li a { padding: 12px 20px 12px 40px !important; font-size: 15px !important; font-weight: 400 !important; color: #495057 !important; text-transform: none !important; }
    
    .nav_visible .main_nav_c ul li ul li:hover { border-left-color: #3cd5c9 !important; }
    
    .nav_visible .main_nav_c ul li ul li a:hover { color: #1e2a78 !important; padding-left: 44px !important; }
    
    .nav_visible .main_nav_c ul li.active { background: linear-gradient(90deg, rgba(30, 42, 120, 0.1), transparent) !important; border-left: 4px solid #1e2a78 !important; }
    
    .nav_visible .main_nav_c ul li.active a { color: #1e2a78 !important; font-weight: 600 !important; }

    .nav_visible .main_nav_c ul li ul {
      display: none !important;
    }
    .nav_visible .main_nav_c ul li:hover > ul,
    .nav_visible .main_nav_c ul li.active > ul {
      display: block !important;
    }

    .langselect { margin-right:60px;}
    #bx_heading { margin-left:0px;}
    
    .ulCol_4 li { width: 50%; }
    
    .shopinfo1 { float:none;width:100%;text-align:left;font-size:17px;line-height:20px; }
    .shopinfo1_1 { width:100%;max-width:350px;text-align:left;float:none; }
    .shopinfo1_img { float:left;margin-right:15px; }
    .shopinfo2 { padding:40px 0px; float:none;width:100%; }
    .shopinfo3 { padding-top:0px; border-top:none;float:none;width:100%; }

    .bx_top_imgs_single { background-attachment:scroll;}
    #bx_top2 { background:none; padding-right:15px; }
    
    .bx_content3 { padding:0px 20px; }
    #bx_left { padding:0px 10px 0px 10px; float:none; }
    .bx_left_td { width:100%; }
    
    .top_bg { display:block;width:100%;height:200px; }
    .top_bg2 { display:none; }

    #scrollbg { position:absolute;z-index:-1;width:100%;height:750px; }
    
    .mobileonly { display:block; }
    .mobileonly .bx_left { display:block !important; }
    .mobileonly .bx_left .desktoponly { display:block !important; }
    .desktoponly,.desktoponly_inline { display:none; }
    
    .bx_content_tr { display:block;}
    .bx_content_c { display:block;}
    
    #bx_heading h1 { font-size:21px; }
    #bx_heading h2 { font-size:18px; }
    
    a.button { font-size:14px !important; }
    .mobilefullbutton { display:block !important; width:100% !important; }
    .logo-text { position: absolute; left:20px;}
    .shop-icons { margin-right: 40px; }
    
    .main_td,.bx_left_td { padding-right:0px; padding-left:0px; }
}

@media all and (max-width: 690px) {

  .frm_einlagerung .frm_inlinefields { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
}
@media all and (max-width: 560px) {

  .tblproducts th:nth-child(3),
  .tblproducts td:nth-child(3) {
    display: none;
  }
  .frm_inlinefields { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }

  .frm_inlinefields input, .frm_inlinefields select, .frm_inlinefields textarea { font-size:16px; }
  .millikarat { font-size:11px; }
  /* Kompakte horizontale Tabellendarstellung für Mobile */
  .tblEdit {
    font-size: 0.7rem;
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
  }
  .tblEdit th, .tblEdit td {
    padding: 0.25rem 0.1rem;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #f0f0f0;
   /* word-break: break-word;*/
  }
  .tblEdit th:last-child, .tblEdit td:last-child {
    border-right: none;
  }
  .tblEdit thead th {
    background: #f8f9fa;
    font-weight: 600;
    color: #495057;
    font-size: 0.6rem;
  }
  .tblEdit tbody tr {
    border-bottom: 1px solid #f0f0f0;
  }
  .tblEdit tbody tr:hover {
    background: #f8f9fa;
  }
  .tblEdit input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
  }
  .tblEdit input[type="button"], .tblEdit .button {
    padding: 0.2rem 0.4rem;
    font-size: 0.6rem;
    border-radius: 3px;
    min-height: 24px;
    width: 100%;
  }
  .tblEdit td:first-child {
    text-align: left;
    font-weight: 600;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .table_cont {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Container für besseres Scrolling */
  .productlist-wrapper {
    margin: 0 -0.5rem;
    padding: 0 0.5rem;
  }
  
  .productlist {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 0.25rem;
  }
  
  /* Loading State */
  .tblEdit.is-loading tbody tr {
    opacity: 0.6;
    pointer-events: none;
  }
  
  /* Weitere Mobile-Optimierungen */
  input.button.bigbutton { 
    width: 100%; 
  }
  
  .mobilemove { 
    display: none !important; 
  }
  
  .nav_visible .mobilemove { 
    display: inline-block !important; 
    z-index: 20000;
  }
  
  .nav_visible .shop-icons { 
    margin-left: -20px; 
  }
}

@media all and (max-width: 350px) {
    .logo-text { display:none !important; }
}