@media print {

    h1, h2, h3, body, .chapter-content, .chapter-title {
        font-family: 'PT Mono';
        font-size: 12px;
        font-style: normal;
        font-variation-settings: "wght" 400;
        margin: 0;
        padding: 0;
        margin-left: 0%;
        margin-right: 0%;
      }
      

      .body{
        background-color: red;





      }
      h1{
        color: blue;
        font-weight: 2rem;
        line-height: 1.3;
        font-size: 60px;
      }
      
      h2{
        color:red;
        font-weight: 3rem;
        line-height: 1;
        font-size: 50px;
       
      }
      
      h3{
        color: blue;
        font-weight: 2rem;
        line-height: 1.3;
        font-size: 14px;
        margin-top: 10px;
       
        
      }
      h4{
        color: red;
        line-height: 1.3;
        font-size: 50px;
      
        
        
      }

      h5{
        color: red;
        line-height: 1.3;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: -3px;
     
        
      }
      .titel{
        color:blue;
        font-weight: 2rem;
        line-height: 1.3;
        font-size: 50px;
        background-color: white;
        border: solid blue 4px;
      
      }
      
      .linie1{
        display: inline;
        margin-left: 10%;
        width: 1px;
        background-color: solid blue;
        opacity: 100%;
        }


    .notes {
        display: none;
    }
      
        
      /* Chapter */


.chapter-container{

    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-left: 4px;
  
  }
  h1, h2, h3{

  }
 
 
 
  .chapter-element{
    box-sizing: border-box;
    width: calc(100% / 4 + 3px);
    border: 4px solid blue;
    margin-left: -4px;
    margin-top: -4px;
  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .chapter-element1{
    box-sizing: border-box;
    width: calc(100% / 4 + 3px);
    margin-left: -4px;
    margin-top: -4px;
  
    display: flex;
    justify-content: center;
    align-items: center;
    filter: hue-rotate(259deg);
    color: blue;
   
    
   
   

  }
  @media only screen and (max-width: 650px) {
    .chapter-element{
      width: calc(100% / 3 + 2.5px);
    }
  }
  
  @media only screen and (max-width: 500px) {
    .chapter-element{
      width: calc(100% / 2 + 3px);
    }
  }
  
  @media only screen and (max-width: 500px) {
    .chapter-element{
      width: 100%;
    }
  }

      .chapter {
        display: flex;
        flex-direction: column;
      }
      
     
      .chapter-title-fixed-content {
        width: 100%;
      }
      
      .chapter-content {
        flex-grow: 1;
      }
      .text {
        margin-left: 10%;
        color:blue;
        width: 50%;
       
        
        
      }
      .indent{
        margin-left: 20%;
        color: blue;
        
       
      }
      
      .back{
        display: none;


      }
      


      
      /* Main */
      
      .Kapitel {
      
        overflow: hidden;
        float: left;
        width: 20%;
        margin: 0 22px 20px 0;
        margin-top: 20px;
      
      }
      


    /* Size and marin for all pages ------------- */
    @page {
        size: 20cm 26cm;
        margin-top: 5mm;
        margin-bottom: 10mm;
        font-family: "Times";
    }  


    /* LEFT PAGES -------------------------------- */

    @page:left {
        margin-left: 6mm;
        margin-right: 6mm;
        @left-top {
           /* content: counter(page);
            width: auto;*/
        }
        @bottom-center{
            text-align: left;
        }
    }


    /* RIGHT PAGES -------------------------------- */

    @page:right {
        margin-left: 6mm;
        margin-right: 6mm;
        @right-top {
           /* content: counter(page) ;
            width: auto; */
        }
        @bottom-center{
            text-align: right;
        }
    }



    /* BLANK PAGES -------------------------------- */

    @page:blank {
        @left-top { content: none; }
        @bottom-center { content: none; }
        @right-top { content: none; }
    }



    /* COVER ------------------------------------- */

    @page:first{
        @right-top { content: none; }
    }

    
    
    /* SECTION BREAKS -------------------------------- */

    .chapter {
        break-before: right;
    }



    /* CONTENT --------------------------------------- */


    /* EXAMPLE
    h1 {
        font-size: 16pt;
        line-height: 0.9;
        margin-bottom: 1mm;
    }
    */
}