/*
Name: style-Beispiel-D.css
Description: CSS-Datei für das Beispiel.
Version: 1.0
*/

/* ################# Media-Screen - Englisch ############ */

/* Media Events Mediagrößen 576, 768, large 992, extra large 1200 und höher */
/* ############### FB-13-E Groß-Mittel-Klein  ############ */
/* Abbildung FB13-E : Die Quadrate der Primzahlen bis 2209 */
/* images/FB-13-E.jpg   (Bildgröße = 620x243)" width="1362" height="808" */

     @media screen and (max-width: 1460px) 
     { 
     /* -- FB13-E Große Größe -- Gesamtgröße des Bildes */
      .strip-gmk-FB13-E img {width: 620px; height:243px}
      .strip-gmk-FB13-E 
       {
        
      /* width:400px;   Größe des dargestellten Bildteils von ganz groß bis etwa 1050px */
       width:620px;   
       overflow-x : scroll;
       overflow-y : hidden;
       } 
     }

            
     /* -- Mittlere Größe -- Gesamtgröße des Bildes */
     @media screen and (max-width: 800px) 
     { 

      .strip-gmk-FB13-E img {width: 620px; height:243px}
      .strip-gmk-FB13-E {
        
      /* width:???px; Größe des dargestellten Bildteils */
      width:550px;   
      height:263px;
      overflow-x : scroll;
      overflow-y : hidden;
     } 
       }
            
   /* -- Kleine Größe -- Gesamtgröße des Bildes */
   @media screen and (max-width: 600px) 
   {   
    .strip-gmk-FB13-E img {width: 420px; height:288px}
    .strip-gmk-FB13-E {
        
                    /* width:400px; -- Größe des dargestellten Bildteils */
      width: 620px;   
      height:308px;  
      overflow-x : scroll;
      overflow-y : hidden;
      }
     }
/* ####### Ende für FB13-E Darstellung groß - mittel - klein ######### */
/* Media Events Mediagrößen 576, 768, large 992, extra large 1200 und höher */

/* ############### FB14-E Groß-Mittel-Klein  ############ */
/* Abbildung FB14-E : Die Quadrate der Primzahlen bis 2209 */
/* images/FB14-E.jpg   (Bildgröße = 691x491)" width="1362" height="808" */

     @media screen and (max-width: 14600px) 
     { 
     /* -- FB14-E Große Größe G1 -- Gesamtgröße des Bildes */
      .strip-gmk-FB14-E img {width: 891px; height:591px}
      .strip-gmk-FB14-E 
       {
        
      /* width:400px;   Größe des dargestellten Bildteils von ganz groß bis etwa 1050px */
       width:920px;   
       overflow-x : scroll;
       overflow-y : hidden;
       } 
     }

            
     /* -- Mittlere Größe G2 -- Gesamtgröße des Bildes */
     @media screen and (max-width: 960px) 
     { 

      .strip-gmk-FB14-E img {width: 890px; height:601px}
      .strip-gmk-FB14-E {
        
      /* width:???px; Größe des dargestellten Bildteils */
      width:650px;   
      height:620px;
      overflow-x : scroll;
      overflow-y : hidden;
     } 
       }
            
   /* -- Mittel-Kleine Größe G3 -- Gesamtgröße des Bildes */
   @media screen and (max-width: 690px) 
   {   
    .strip-gmk-FB14-E img {width: 890px; height:601px}
    .strip-gmk-FB14-E {
        
                    /* width:400px; -- Größe des dargestellten Bildteils */
      width: 650px;   
      height:620px;  
      overflow-x : scroll;
      overflow-y : hidden;
      }
     }
            
   /* -- Ganz kleine Größe G4 -- Gesamtgröße des Bildes */
   @media screen and (max-width: 660px) 
   {   
    .strip-gmk-FB14-E img {width: 890px; height:601px}
    .strip-gmk-FB14-E {
        
                    /* width:400px; -- Größe des dargestellten Bildteils */
      width: 420px;   
      height:620px;  
      overflow-x : scroll;
      overflow-y : hidden;
      }
     }
/* ####### Ende für FB14-E Darstellung groß - mittel - klein ######### */