/*------------------------------------------------------------------------------------------
2. MEDIA QUERIES
------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------
We occasionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices:
@media (max-width: @screen-xs-max) { }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
-------------------------------------------------------------------------------------------------------------------*/

/* Large devices (large desktops, 1200px and up) */
/* Container = 1170 */
@media (min-width: 1367px) { 
	#homeCarousel .carousel-caption { max-width:1170px; margin-left:auto; margin-right:auto; }
}

/* Container = 970 */
@media (min-width: 992px) and (max-width: 1199px) {
    
    .menuzord { width:965px; }    

    .menuzord-menu > li > a { padding:14px 20px 14px 20px; }

    .gen-module .title .highlight-bg { margin-right:20%; }
    section#home-perfekt .title { margin-left:0; }

    #footer-nav .title .highlight-bg { margin-right:60%; }

    .subpage-left { width:25%; }
	.subpage-content { width:75%; padding-left:3%; }    
}

/* Medium devices (desktops, 992px and up) */
/* Container = 750 */
@media (min-width: 768px) and (max-width: 991px) { 
    section#topnav { padding-bottom:0em; }
    header #searchbox { width:55%; }
    header #top-contact-info { width:65%; display:none; }

    .menuzord { height:50px; width:750px; background-color:#010309; }    
    .menuzord-responsive .showhide { }    
    .menuzord-menu > li > a { padding:14px 10px 14px 10px; }
    .menuzord-responsive .menuzord-menu>li>a { font-size:1em; }
    .menuzord-menu.menuzord-indented.scrollable { margin:0 auto !important; clear:both !important; }


	#homeCarousel.carousel .carousel-control .glyphicon { width:35px; height:35px; line-height:30px; }
    #homeCarousel .carousel-caption { left:4%; right:4%; bottom:60px; }	
	/*#homeCarousel.carousel .carousel-control { display:none; }*/

    section#home-perfekt .title { margin-left:0; margin-top:1em; }
    section#home-perfekt .list-unstyled { padding-left:0em; }
    
    /* Categories Module */
	#footer-nav { padding-top:4em; padding-bottom:2em; }	
    #footer-nav .title .highlight-bg { margin-right:70%; }
    #footer-wichtige.column { padding-left:0em; }
	
	/* Footer Copyright */
	#footer-copyright { padding-top:2em; padding-bottom:2em; }
    #footer-copyright .text-right { text-align:left !important; }
    #footer-contact { padding-top:0.5em; }
    #footer-contact a { color:#666666; padding-left:0em; }
	
	.subpage-left { width:30%; }
	.subpage-content { width:70%; padding-left:3%; }	
}

@media (min-width:767px) and (max-width: 790px) {    
    .menuzord-menu ul.dropdown li { border:0; }
    .menuzord-menu ul.dropdown, 
    .menuzord-menu ul.dropdown li ul.dropdown { background-color:rgba(244,244,244,1); box-shadow:none; }    
}

@media (width:800px) {
    .menuzord { background-color:#010309; }
    .menuzord-menu > li > a { padding:14px 8px 14px 8px !important; }
    
    .subpage-left { width:100%; margin-bottom:1em; }
	.subpage-content { width:100%; padding-left:0%; }
	
}

@media (width:768px) { section#topnav { padding-bottom:0em; } .menuzord-responsive .menuzord-menu>li>a { border-bottom-color:#333; } }

@media (min-width:767px) { }

/* Small devices (tablets, 768px and up) */
/* Container = None (auto) */
@media (max-width: 767px) {	

    section#topnav { padding-bottom:0em; padding-top:1em; }

    #language-option { display:block; }
    
    header #searchbox { width:80%; float:left !important; position:absolute; z-index:1; left:1%; top:160px; }
    header #searchbox .form-group .form-control { width:80%; display:table-cell; }
    header #searchbox .form-group .search-submit { margin-top:1px; }

    header #top-contact-info { width:100%; border-top:solid 1px #ccc; }
    header #top-contact-info .list-inline { margin-top:1em; }
    header #top-contact-info .list-inline li { line-height:1.8em; }

    #logo { display:block; }

    #main-menu { background-color:#fff; color:#333; box-shadow:0px 1px 2px rgba(0,0,0,0.2); }
    .menuzord { height:50px; border-top:solid 1px #ccc; }
    .menuzord-responsive .menuzord-menu { background-color:#010309; }
	.menuzord-responsive .showhide { }
	
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li > a { padding: 12px 20px !important; border-bottom-width: 1px; }	
    .menuzord-responsive .menuzord-menu>li>a { border-bottom-color:#333; }
    .menuzord-menu ul.dropdown li { border:0; }
    /*.menuzord-menu ul.dropdown, 
    .menuzord-menu ul.dropdown li ul.dropdown { background-color:rgba(244,244,244,1); box-shadow:none; }*/
	
	#homeCarousel .carousel-caption { left:0%; right:0%; bottom:0px; padding-bottom:0; }
	#homeCarousel .carousel-caption .caption-big,
	#homeCarousel .carousel-caption .caption-desc { padding:1em; width:100%; }
    #homeCarousel .carousel-caption .caption-big { font-size:0.8em; }
    #homeCarousel.carousel .carousel-indicators { display:none; }    
    #homeCarousel.carousel .carousel-control { width:10%; }
    #homeCarousel.carousel .carousel-control .glyphicon { width:35px; height:35px; line-height:30px; }

    section#home-perfekt .title { margin-left:0; margin-top:1em; }
    section#home-perfekt .list-unstyled { padding-left:0em; }

    /* Categories Module */
	#footer-nav { padding-top:4em; padding-bottom:2em; }	
    #footer-nav .title .highlight-bg { margin-right:80%; }
    #footer-wichtige.column { padding-left:0em; }

    /* Footer Copyright */
	#footer-copyright { padding-top:2em; padding-bottom:2em; }
    #footer-copyright .text-right { text-align:left !important; }
    #footer-contact { padding-top:0.5em; }
    #footer-contact a { color:#666666; padding-left:0em; }
	
	.page_scrollup { bottom:1px; right:1px; }
	
	/*.subpage-left { width:100%; margin-bottom:1em; }
	.subpage-content { width:100%; padding-left:0%; }*/	

    .photo-padding { padding:0; }
	.photos-list .list-inline li { width:32%; margin-bottom:1em;}
}

@media (min-width: 640px) and (max-width:767px) {
    
}

@media (max-width: 640px) {
    .photos-list .list-inline li { width:48%; margin-bottom:1em;}
}

/* Small devices (mobiles, 480px and up) */
/* Container = None (auto) */
@media (max-width: 480px) {
	.hidden-xs { display:none; }

    header #logo { display:inline-block; margin:0 auto; }

    header #top-contact-info .list-inline { margin-top:0.5em; font-size:1em; }
    header #top-contact-info .list-inline li + li,
    header #top-contact-info .list-inline li:first-child,
    header #top-contact-info .list-inline li { display:block; width:100%; line-height:1.5em; }

    header #searchbox { top:182px; }

    .menuzord-responsive .menuzord-menu > li > a { padding: 10px 20px !important; font-size:1em; }	
	
    #homeCarousel .carousel-inner > .item > img { height:300px; width:auto; }
	#homeCarousel,
	#homeCarousel.carousel .item { height:300px; }	
	#homeCarousel .carousel-caption { font-size:0.8em; }
    #homeCarousel .carousel-caption .caption-big { font-size:0.6em; padding-left:2em; }

	.gen-module  { padding-top:2em; padding-bottom:2em; }
	.gen-module .title h4 { font-size:1.5em; }
    .gen-module .title .highlight-bg { margin-right:20%; }

    section#produkte-news #produkte-photos .list-inline li { width:32%; }
	
	section#produkte-news #news-list { padding:1em; }

	#footer-nav { padding-top:2em; padding-bottom:2em; }
    #footer-nav .title { font-size:1.2em; }
    #footer-nav .title .highlight-bg { margin-right:48%; }
    #footer-uber p { padding-right:0em; }
    
    /* Footer Copyright */
	#footer-copyright { padding-top:1em; padding-bottom:1em; }

    /*.subpage-content>.title { margin-bottom:0; }*/

    .padding-more { padding-top:3em; }
    .btn-icon { float:left !important; margin-top:0em; }

    .photos-list .list-inline li { width:48%; margin-bottom:1em;}
    .photos-list .img-thumbnail { border:solid 5px #fff; }
}

@media screen and (max-width:400px) {
    /* Fix for Windows Phone Browsers */
    @-ms-viewport{
        width:320px;
    }
}

/* Small devices (mobiles, 320px and up) */
/* Container = None (auto) */
@media (max-width: 320px) {
    
}

/* Small devices (mobiles, 240px and up) */
/* Container = None (auto) */
@media (max-width: 240px) {
    
}