/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15.12.2018, 16:12:48
    Author     : juergen
*/


@media only screen 
  and (min-width: 768px)  
  and (max-width: 992px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
  .frame-teaser-tablet
   {
      background: black;
      background: url('/fileadmin/_processed_/e/9/csm_kachel-default_72905168f6.jpg');
       
  }
  .boxteaser-container { max-width: 55vw; height: 100%; background: white;}
  .boxteaser-content { border: 0px solid red; padding-left: 4vw; font-family: 'Oswald', sans-serif;} 
  .boxteaser-content h1 { border: 0px solid red;} 
  .boxteaser-content h3{ border: 0px solid red;} 
    
  .boxteaser-content h1 { font-size: 5em;} 


   .boxteaser-content .btn-default {font-size: 1.2em; width: 60%; font-weight: 300;}
   .boxteaser-content .btn-info { font-size: 1.2em;  width: 60%; font-weight: 300;}

  }


  @media (max-width: 768px) {
      
      .frame-teaser2 { padding-top: 20px; padding-bottom: 20px; border: 1px solid red; }
      .frame-icons3 {padding-top: 20px;padding-bottom: 20px;border: 0px solid red;} 
      
  }

  
  




/* Grüne Balken */
@media (min-width: 200px) {
    .bar-green-dark {background: #94c11c;width: 100%;height: 42px;}
    .bar-green-dunkel {background: #94c11c;width: 100%;height: 42px;}
    
}


@media (min-width: 200px) {
    .bar-green-bright {background: #cfe09a;width: 100%;height: 180px;}
    .bar-green-hell {background: #cfe09a;width: 100%;height: 180px;}
    .bar-green-hell-small {background: #cfe09a;width: 100%;height: 40px;}
    
}


.bg-gruen-hell {background: #cfe09a;}
.bg-gruen-dunkel { background: #94c11c; }
.bg-gruen-dunkel2 { background: #4e8134; }





/* Tablets */

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
   
      /*
.mobile-teaser-image {
border: 0px solid red;
position: absolute;
margin-left: -20px;
margin-top: -20px;
width: 100vw;
height: 90vw;
overflow: hidden;
}
.frame-teaser-tablet {
    background: white;
    padding: 20px;
    padding-left: 60px;
    padding-right: 40px;
    margin-left: -20px;
    width: 50vw;
    margin-top: 60px;
}
.frame-teaser-tablet h3 { color: black; width: 50vw; border: 0px solid green; background: white; margin: 0px; margin-bottom: 0px; margin-top: 0px; }
.frame-teaser-tablet h2 { color: blue;}
.frame-teaser-tablet h1 {color: black;width: 50vw;border: 0px solid red;background: white;font-size:5em;margin-bottom: 0px;}
*/
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}


/* ----------- iPad Pro 10.5" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}




/* ----------- Galaxy Tab 2 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
  
      

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* ----------- Galaxy Tab A6 ----------- */
/* Portrait */
@media only screen and 
  (max-device-width: 1200px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 
      
  
      

      
}