@media all and (max-width: 1000px) {
  .bubblgum .preview {margin-right:0px;margin-left:0px;}

}

@media all and (min-width: 1280px) {}
@media all and (max-width: 1279px) and (min-width: 1100px) {
    .article article img, .rticle article figure {max-width:650px;}
    .article article figure img {max-width: 420px;}
    .bubblgum .preview {margin-right:0px;margin-left:0px;}

    .cardbox .dreinews, .cardbox .viernews, .cardbox .funfnews {
      grid-template-areas: 
     "area1 area2"; 
      column-gap: 40px;
      grid-template-columns: 1fr 1fr;  
    }


}
@media all and (max-width: 1099px) and (min-width: 801px)  {
      .collsbts {
        display:block;
        grid-template-areas: 
       "area1 area2"; 
        grid-template-columns: 1fr 260px;  
        column-gap: 60px;
      }
      .onenews, .zweinews {padding:0px 10px;}
      
      .onenews .bubbl {
            display:grid;
            grid-template-areas: 
           "area1"
           "area2"; 
            column-gap: 30px;
            row-gap: 10px;
            grid-template-rows: min-content auto;  
            grid-template-columns: 1fr;  
      }

      .funfnews {
        grid-template-areas: 
       "area1 area2 area3"; 
        column-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;  
      }

      .article article img, .rticle article figure {max-width:90%;}
      .article article figure img {max-width: 100%;}

      .bubblgum .preview {margin-right:0px;margin-left:0px;}

      .cardbox {
        grid-template-columns: 220px 1fr;
      }

      .cardbox .dreinews, .cardbox .viernews, .cardbox .funfnews {
        grid-template-areas: 
       "area1 area2"; 
        column-gap: 40px;
        grid-template-columns: 1fr 1fr;  
      }


}
@media all and (max-width: 800px) and (min-width: 601px)  {
    
    .collsbts {
        display:block;
        grid-template-areas: 
       "area1 area2"; 
        grid-template-columns: 1fr 260px;  
        column-gap: 60px;
      }

      .onenews, .zweinews {padding:0px 10px;}

      .onenews .bubbl {
        display:grid;
        grid-template-areas: 
       "area1"
       "area2"; 
        column-gap: 30px;
        row-gap: 10px;
        grid-template-rows: min-content auto;  
        grid-template-columns: 1fr;  
  }
  .zweinews, .dreinews, .viernews, .funfnews, .stories {
        grid-template-areas: 
       "area1 area2"; 
        column-gap: 20px;
        grid-template-columns: 1fr 1fr;  
      }

      .article article img, .rticle article figure {max-width:90%;}
      .article article figure img {max-width: 100%;}

      article table {
        max-width:500px;  
        overflow-x: auto;
        display: block;
      }

      .bubblgum .preview {margin-right:0px;margin-left:0px;}

      .cardbox .dreinews, .cardbox .viernews, .cardbox .funfnews {
        grid-template-areas: 
       "area1"
       "area2"; 
        column-gap: 30px;
        row-gap: 10px;
        grid-template-columns: 1fr;  
      }

      .cardbox {
        grid-template-columns: 220px 1fr;
      }

}

@media all and (max-width: 600px) {

    .collsbts {
        display:block;
        grid-template-areas: 
       "area1 area2"; 
        grid-template-columns: 1fr 260px;  
        column-gap: 60px;
      }

      .onenews .bubbl {
        display:grid;
        grid-template-areas: 
       "area1"
       "area2"; 
        column-gap: 30px;
        row-gap: 10px;
        grid-template-rows: min-content auto;  
        grid-template-columns: 1fr;  
  }
  .onenews, .zweinews, .dreinews, .viernews, .funfnews, .stories {
        grid-template-areas: 
       "area1"; 
        column-gap: 20px;
        grid-template-columns: 1fr;  
      }

      .article article img, .rticle article figure {max-width:90%}
      .article article figure img {max-width: 100%;}

      article table {
        max-width:90%;  
        overflow-x: auto;
        display: block;
      }

      .bubblgum .preview {margin-right:0px;margin-left:0px;}      


      .cardbox {
        grid-template-columns: 220px 1fr;
      }
}