/*All Mobile Devices*/
@media (max-width: 1025px){
    .fewo-desktop-only {display: none;}
    .moduletable-menutext {padding: 7px 0px 0px 15px;}
    
    .fewo-logo-image {border: 0px solid red; height: 40px !important; background-size: contain; background-image: url(../images/ferienhaus-warmuth-logo-2020.png);}
}

/*Desktop*/
@media (min-width: 1026px){
    .fewo-mobile-only {display: none;}
    .mdl-tabs__tab {font-size: 18px;}
}


/* 
  ##Device = big Desktops
  ##Screen = 2001px to higher resolution desktops
*/

@media (min-width: 2001px) and (orientation: landscape){
  
     h1 {font-size: 50px;}
     h2 {font-size: 28px;}
     h3 {font-size: 28px;}
    
     
     
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 0.7vw;}

}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 2000px) and (orientation: landscape){
  
     h1 {font-size: 48px;}
     h2 {font-size: 28px;}
     h3 {font-size: 28px;}
     
     
     /*Banner Landingpage*/
    .fewo-banner-landingpage {height: 550px;}
    .banner-text-col {width: 50%;  height: 100%; text-align: right; position: absolute; top: 0; left: 0;}
    .banner-image-col {width: 50%; text-align: left; position: absolute; height: 100%; bottom: 0; right: 0;}
    .banner-image-col img {position: absolute; bottom: 0; left: 0; width: 750px;}

    .banner-headline-01 {width: 100%; font-size: 40px; line-height: 1.4; margin: 70px 0px 50px 0px;}
    .banner-product-name, .banner-product-description {font-size: 19px; text-align: right;}
    .banner-product-palette img {width: 245px;}
     
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 1vw;}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) and (orientation: landscape){
  
     h1 {font-size: 45px;}
     h2 {font-size: 26px;}
     h3 {font-size: 26px;}
     
  
     
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 1vw;}

  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  
     h1 {font-size: 40px;}
     h2 {font-size: 24px;}
     h3 {font-size: 24px;}
     
     
     
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 2vw;}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
     h1 {font-size: 42px;}
     h2 {font-size: 26px;}
     h3 {font-size: 26px;}
     
        
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 1.5vw;}
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
     h1 {font-size: 35px;}
     h2 {font-size: 25px;}
     h3 {font-size: 25px;}
     
   
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 2.5vw;}
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
     h1 {font-size: 35px;}
     h2 {font-size: 25px;}
     h3 {font-size: 25px;}
     

     
     /*Cards*/
    .fewo-card-maintext, .fewo-infocard .fewo-card-maintext ul {font-size: 4vw;}
    

    
  
}