/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 

}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
}  

@media (max-width: 1599px) { 
  .navbar .nav-item a.nav-link {
    margin: 0 1px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .6rem;
    padding-left: .6rem;
  }  
}

@media (max-width: 1399px) { 
  .navbar .nav-item a.nav-link {
    margin: 0 1px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .4rem;
    padding-left: .4rem;
  }  
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) { 

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
  } 


}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) { 

  html {
    background-image: url(/fileadmin/Bilder/Mini-Fill/Mini-Fill-8_Liter-Trichter_mit_Doppelauslauf.jpg);
  }
  /* Header */
  #the-header {
    height: 101px;
  }
  #the-header a.product-brand {
    font-size: 48px;
    left:20px;
  }
  #the-header a.navbar-brand {
    height: 136px;
    width: 421px;
    height: 90px;
    width: 280px;    
    right:-120px;
    top: 15px;
    padding: 3px 7px;
  }
  #home_layer {
    top: 101px;
  }
  #the-header a#product.product-brand::after {
    height:4px;
    bottom:3px;
    width:164px;
  }
  /* Stage */
  #pid1 #stage {
    height:50vh;
  }
  #home_spot {
    top:45px;
    height:50vh;
 
    top: 35vh;
    height: 15vh; 
    
  }
  #home_spot p {
  	width: 100%;
  }
  #home_layer {
    height:50vh;
  }
  .theSlicksliderItem {
      height:50vh;
  }
  div#adown {
    padding-top: 45vh;
  }
  /* Footer */
  footer #contentFooter .col-md-8 {
    padding-left: 17px;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
  }
  footer #contentFooter .col-md-4 {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
  }

  
  /* Menu */
  span#mtoggle {
    display: inline;
	width: 20px;
    height: 20px;
    display: block;
	cursor:pointer;
	font-size: 20px;
  }
  span#mtoggle:before {
    content: "\f0c9";
  }
  #leftmenu {
   
  }
  #leftmenu #main-menu {
    position: absolute;
    top: 30px;
    left:0px; 
    background: #fff;
    z-index: 1200;
    width:450px;
	padding: 0 10px 15px 25px;
	display:none;
	box-shadow: 10px 10px 5px rgba(80, 71, 63, 0.8);
  }
  .container-sectionmenu.col-md-3 {
    position: relative;
    height: 30px;
    width: 100%;
    max-width:100% !important;
    flex: 0 0 100%;
  }
  div.productdetails {
    width:100%;
    flex: 0 0 100%;
    max-width: 100%;	
  }
  div.pslider {
    /*height: 420px;
    width: 592px;*/
    width: 70%;
    height:auto;
    aspect-ratio: 1.409; 
  }
  div.productOverviewList div.list_item h3.productOverview {
    font-size: 16px;
  }
  .mf-standard-page {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }



  nav.navbar {
    position: static;
  }
  .col-md-3 {

  }
  #the-header div.container-fluid div.row div.col-md-1:nth-child(1) {
    display:none;
  } 
  #the-header div.container-fluid div.row div.col-md-1:nth-child(2) {
    display:none;
  } 
  #the-header div.container-fluid div.row div.col-md-1:nth-child(3) {
    display:none;
  }   
  #the-header div.container-fluid div.row div.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    
  }  
  #the-header div.container-fluid div.row div.col-md-7 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }  
  div.navbar-collapse {

  }
  div#socialMenu {
    position: absolute;
    right:0;
    display:none;
  }

  button.navbar-toggler {
    position: absolute;
    top:20px;
    right:20px;
    background-color:#fff;
  }

  #logowrap {
    position: absolute;
    top:20px;
    left:20px;
  }
  #socialMenu a#phone {
    position: absolute;
    top:65px;
    right:35px;
  }
  #socialMenu a#mail {
    position: absolute;
    top:95px;
    right:35px;
  }
  #socialMenu a#facebook {
    position: absolute;
    top:125px;
    right:35px;
  }
  #pictures .ce-gallery .ce-column {
    width: 18%;
  }    
  #pictures .ce-gallery .image img {
    width: 100%;
  }  
  
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
  html {
    background-image: url(/fileadmin/Bilder/Mini-Fill/Mini-Fill-8_Liter-Trichter_mit_Doppelauslauf_hochkant.png); 
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;     
  }  
  /* Header */
  #the-header {
    height: 88px;
  }
  #home_layer {
    top: 88px;
  }  
  #the-header a.navbar-brand {
    height: 45px;
    width: 140px; 
    height: 68px;
    width: 210px;    
    right:-8px;
    top: 5px;
    
    height:181px;
    width:142px;

    height:90px;
    width:71px;
   
    background-color: #fff;
    background-image: url(/typo3conf/ext/fip_sitepack4u/Resources/Public/Images/Logo/jp-logo-letters.png);
    background-size: cover;
    
    box-shadow: 10px 10px 5px rgba(80, 71, 63, 0.8);
    box-shadow: 6px 6px 3px rgba(80, 71, 63, 0.8);
	
	border: 4px solid #fff;
  }
  #the-header a.product-brand {
    font-size: 31px;
    left:10px;
  }
  #the-header a.navbar-brand img {
    display: none;
  }  
  #the-header a#product.product-brand::after {
    height:3px;
    bottom:0px;
    width:102px;
  }
  /* Stage */
  #home_spot {
    top:35px;
    top:0px;
    height:60vh;
    
    top: 40vh;
    height: 20vh;     
    
  }
  #home_spot p {
      font-size: 16px;  
	  width: 100%;
  }
  #home_spot a.btn {
    margin-bottom:5px;  
  }
  
  #pid1 #stage {
    height:60vh;
  }
  #home_layer {
    height:60vh;
  }
  .theSlicksliderItem {
      height:60vh;
  }
  div#adown {
    padding-top: 52vh;
  }
  #leftmenu #main-menu {
    position: absolute;
    top: 30px;
    left:0px; 
    background: #fff;
    z-index: 1200;
    width:450px;
    width:100%;
    width:95%;
    padding: 0 10px 0 25px;
    display:none;
    _box-shadow: none;
    box-shadow: 6px 6px 3px rgba(80, 71, 63, 0.8);
  }
  div.productdetails {
    width:100%;
    flex: 0 0 100%;
    max-width: 100%;	
  }
  div.pslider {
    /*height: 420px;
    width: 592px;*/
    width: 100%;
    height:auto;
    aspect-ratio: 1.409; 
  }
  div.product-details table.pOptions {
    position: static;
    margin: 10px 0 20px 0;
  }
 div.product-details button.p-anfrage {
    position: static;
    margin: 0 0 10px 0;
  } 
  div.swiper-button-prev {
    left: -8px !important;
  }
  div.swiper-button-next {
    right: -8px !important;
  }
  .mySwiper2 {
    height: 27%;
  }  
  div.product-details.checked::after {
    right: 10px;
  }
  div.productOverviewList div.list_item h3.productOverview {
    font-size: 16px;
    margin-right:8px;
  }  
  div.productOverviewList div.list_item {
    width: 100%;
    padding: 0 2%;
    margin: 0 1% 2% 0;
  }
  div.mf-standard-page div.frame-width50ph {
    width: 100%;
    float: left;
  }
  .productOverviewListItem .productData span.productID {
    /* display:block; */
  }
  .mfinterest-item span.productID {
    display:block; 
  }
  .mfinterest-item span.productPrice {
  }
  

  /* footer */
  footer #contentFooter .col-md-8 {
    padding-left: 20px;
	width:100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;	
  }
  footer #contentFooter .col-md-4 {
    padding-left: 20px;
	width:100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;	
  }
  footer #copyright ul {
    margin-bottom: 15px;
  }

  #pictures .ce-gallery {
    display:none;
  }
  div#adown {
    bottom: 15px;
  }
  .navbar ul.navbar-nav {
    margin: 105px auto 0 auto;
  }
  #the-header div.container-fluid div.row div.col-md-3 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }  
  #the-header div.container-fluid div.row div.col-md-7 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  } 
  #home_spot h1 {
    font-size: 54px;
    font-size: 48px;
    padding: 15px 0px 5px 0px;
    margin-bottom: 0rem;
  }  
  #home_spot h2 {
    font-size: 24px;
  }
  #pagebar h1, #pagebar h2, #pageBar h1, #pageBar h2 {
    font-size: 42px;
    font-family: Railway, sans-serif;
    z-index: 940;
    position: relative;
  }
  .navbar ul.navbar-nav {
    background-color: rgba(78, 78, 80, 0.5);
    background-color: #275e87;
    z-index: 1012;
  }  
  #pageContent img.image-embed-item {
    max-width: 150px;
    height: auto;
  }
  #pageContent .btn {
    margin-bottom: 5px;
  }  
  
}






/* Example
// Apply styles starting from medium devices and up to extra large devices  */
@media (min-width: 768px) and (max-width: 1199px) { 

}

@media (min-width: 992px) and (max-width: 1301px) { 
  
  li.nav-item.startpagelink {
    display:none;
  }
  
}

/* Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width */