@media (max-width: 1199px) {
	.recent-project .owl-controls{
		display:none;
	}
	.navigation li a {
    	padding: 7px 7px 28px;
	}
	.mainmenu-area .thm-btn {
    	padding: 0 13px;
	}
}

@media (max-width: 1200px) and (min-width: 992px) {
	
	.theme_menu .thm-btn {
		padding: 0 13px;

	}
	
}

@media (max-width: 1200px) and (min-width:992px) {
	.two-column .inner-box .image-box {
		position: relative;
		margin-bottom: -95px;
	}
	.two-column .content-box{
		padding: 30px 0px 80px;
	}
}

@media (max-width: 1024px) {
	.project-carousel .owl-controls .owl-nav {
	  top: auto;
	  left: 0;
	  right: 0;
	}
	.recent-project .owl-controls {
    position: absolute;
    bottom: 45px;
    left: -155px;
	}
	
}

@media (max-width: 991px) {

	.right-area {
   	 position: absolute;
   	 right: 15px;
   	 top: 17px;
 }
	.mainmenu-area .menu-column{
		float: left;
		width: 100%;
	}
	.mainmenu-area .right-area {
   		margin-right: 17px;
	}
	.nav_side_content .search_option form {
	    width: 250px;
	    right: -25px;
	    top: 52px;
	}
	.theme_menu {
		background: #f7f7f7;
	}
	.main-logo {
	    margin: 15px 0 15px;
	}
	.nav_side_content {
		margin-top: 31px;
	}
	.two-column .content-box{
		padding: 30px 0px 80px;
	}
	.about .item-list .item.clearfix {
		margin-top: 0px;
	}
	.call-to-action {text-align: center;}
	.call-to-action a.thm-btn {float: none !important;  margin-top:20px;}
	
	.about-faq .accordion-box{
		margin-top: 50px;
	}
}

/* Verbesserungen für die mobile Ansicht der gesamten Website */

@media (max-width: 768px) {
    .container {
        padding: 15px;
        text-align: left;
        font-size: 14px;
        line-height: 1.6;
    }
    
    h1, h2, h3, p {
        font-size: 14px;
    }
    
    body, html {
        overflow-x: hidden; /* Verhindert horizontales Scrollen */
    }
    
    .wrapper {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    
    a, button {
        padding: 10px;
        font-size: 16px;
    }

    .header-top .top-right, 
    .header-top .top-left {
        width: 100%;
        text-align:center;
    }
    .about-us .about-info{
        margin-bottom: 50px;
    }
    .header-top .top-right ul,
    .header-top .top-left ul {
        text-align: center;
    }
    
    .header-top .top-right ul li,
    .header-top .top-left ul li {
        display: inline-block;
        float: none;
    }
    
    .our-team .owl-controls .owl-nav{
        margin-bottom: 10px !important;
    }
    .latest-news .owl-theme .owl-nav{
        margin-bottom: 10px !important;
    }
    
    .page-title .path{
        text-align:center;
    }
    .sidebar-page .sidebar {
        position: relative;
        padding-left: 0px;
    }
    .header-top .top-right{
        margin:10px 0px;
    }
    .footer-bottom{
        padding-bottom:70px;
    }
    .footer-bottom .pull-left{
        text-align:center;
        width:100%;
    }
    .footer-bottom .pull-right{
        text-align:center;
        margin-top:5px;
        width:100%;
    }
}

@media (min-width: 769px) {
    .container {
        padding: 30px;
        text-align: left; /* Wiederherstellung der linken Ausrichtung für Desktop */
    }

    .page-title, .impressum-container {
        text-align: left;
    }
}


@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}      
}

@media only screen and (min-width: 991px){
  .mobile-menu {
    display: none;
  }      
}
@media only screen and (max-width: 991px){
    

/*=================== mobile-menu ======================*/

  .navigation {
    display: none;
  } 

  .main-menu .collapse {
    border: 0px;
    max-height: 300px;
    display: none !important;
    overflow: auto !important;
  } 

  .main-menu .collapse.in, 
  .main-menu .collapsing {
    display: block !important;
  } 

  .main-menu .navbar-header{
    padding: 14px 0px;
    float: none;
    background: rgb(0, 37, 74);
  }  

  .main-menu .navbar-toggle {
    float: none;
    margin: 0;
    display: block;
  }  

  .main-menu .navbar-toggle .icon-bar {
    background: #fdc716;
    width: 30px;
  }  
/*=================================menu=======================*/     
}

  



