extension.autoSave body {
  background-color: white;
  overflow-x: hidden;
  overflow-y: hidden;
}

* {
  box-sizing: border-box;
}

/*erster teil kuriv, zweiter gerade, Wörter ausprobieren*/

#main {
  overflow: hidden;
}

body {
  overflow: hidden;
}

body::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

h1 {

  font-family: 'Times', Times, serif;
  font-weight: 100;
  line-height: 80%;
  font-size: 50px;
  word-wrap: break-word;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 12%;
}


.container {
  column-count: 2;
  column-gap: 5%;
}



.einr {
font-weight: 100;
margin-left: 12%;
}

.h2-headline {
  font-size: 25px;
  font-family: 'Courier New', Courier, monospace;
  position: fixed;
  margin-top: -1%;
  margin-left: 1px;
  mix-blend-mode: overlay;
}

@font-face {
  font-family: 'Times';
  src: url('Times-New-Roman.woff2') format(woff2);

  font-family: 'Courier New';
  src: url('Courier-New.woff2') format(woff2);
}

.linkk:hover {
font-weight: 800;
cursor:ne-resize;
}

.linkk {
  text-decoration: none;
}

.leftt {
  width: 100%;
  max-width: 25%;
}

/* unvisited link */
a:link {
  color: rgb(0, 0, 0);
}

/* visited link */
a:visited {
  color: rgb(0, 0, 0);
}

/* mouse over link */
a:hover {
  color: rgb(55, 55, 55);
  cursor: nw-resize;
}

/* selected link */
a:active {
  color: rgb(55, 55, 55);
}

p {
  color: #000000;
}

.exp-headline {
  font-family: 'Courier New', Courier, monospace;
  margin-left: 10%;
}

.lastexp {
  margin-bottom: 15%;
}

figcaption {
  font-family: monospace;
  font-weight: 100;
  font-size: 7.5px;
  word-wrap: break-word;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.left {
  width: 100%;
  max-width: 50%;
}

.left2 {
  width: 100%;
  max-width: 50%;
  font-family: monospace;
  font-weight: 100;
  font-size: 7.5px;
  word-wrap: break-word;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.right {
  width: 100%;
  max-width: 50%;
  margin-left: 50%;
}

.right2 {
  width: 100%;
  max-width: 50%;
  margin-left: 50%;
  font-family: monospace;
  font-weight: 100;
  font-size: 7.5px;
  word-wrap: break-word;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.full {
  width: 100%;
  max-width: 100%;
}


.flex-container {
  display: flex;
  flex-direction: row;
  text-align: left;
}

.flow-text {
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
  font-size: 14px;
  word-wrap: break-word;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

  /* margin-left: 25%; */
}

/* .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content:left ;
  background-color: DodgerBlue;
} */

.flex-container>div {
  /*background-color: #f1f1f1;*/
  padding: none;
  overflow-y: scroll;
}


.flex-item-2::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.flex-item-3::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.flex-item-2 {
  flex: 50%;
  height: 100vh;
  overflow: hidden;
  margin-left: 3%;
  margin-right: 3%;
}

.flex-item-3 {
  flex: 50%;
  height: 100vh;
  overflow: hidden;
  margin-right: 3%;
  margin-left: 3%;
}


.lastp {
  margin-bottom: 15%;
}

.firsta {
  margin-top: -10%;
}

.lastpp {
  margin-bottom: 5%;
}

img:hover {
  cursor: pointer;
}

.intro {
 font-weight: bold;
}




.image1p {
  display: none;
}






.margin1 {
  margin-top: none;
}

@media (max-width: 600px) {
  .flex-container {
    flex-direction: column;
  }

  .flex-container>div {
    overflow-y: auto;
  }

  .flex-item-2 {
    overflow: none;
  }

  .flex-item-3 {
    overflow: none;
  }

  #main {
    overflow: auto;
  }

  body {
    overflow: auto;
  }

  .einr {
    font-weight: 100;
    margin-left: 0%;
    }

}


@media print {


  .flex-container>div {
    overflow-y: none;
  }


  .flex-item-2 {
    flex: 50%;
    overflow: none;
    height: 100%;
    margin-left: 3%;
    margin-right: 4%;
  }

  .flex-item-3 {
    flex: 50%;
    overflow: none;
    height: 100%;
    margin-right: 3%;
    margin-left: 4%;
  }

  .h2-headline {
    position: relative;
    line-height: 80%;
    font-size: 20px;
  }



  
  #image1 {
    display: none;
  }

  #image2 {
    display: none;
  }

  #image3 {
    display: none;
  }

  #image4 {
    display: none;
  }

  #image5 {
    display: none;
  }

  #image6 {
    display: none;
  }

  #image7 {
    display: none;
  }

  #image8 {
    display: none;
  }

  #image9 {
    display: none;
  }

  #image10 {
    display: none;
  }

  #image11 {
    display: none;
  }

  #image12 {
    display: none;
  }

  #image13 {
    display: none;
  }

  #image14 {
    display: none;
  }

  #image15 {
    display: none;
  }

  #image16 {
    display: none;
  }

  #image17 {
    display: none;
  }

  #image18 {
    display: none;
  }

  #image19 {
    display: none;
  }

  #image20 {
    display: none;
  }

  #image21 {
    display: none;
  }

  #image22 {
    display: none;
  }

  #image23 {
    display: none;
  }

  #image24 {
    display: none;
  }

  #image25 {
    display: none;
  }

  #image26 {
    display: none;
  }

  #image27 {
    display: none;
  }

  #image28 {
    display: none;
  }

  #image29 {
    display: none;
  }

  #image30 {
    display: none;
  }

  #image31 {
    display: none;
  }

  #image32 {
    display: none;
  }

  #image33 {
    display: none;
  }

  #image34 {
    display: none;
  }

  #image35 {
    display: none;
  }

  #image36 {
    display: none;
  }

  #image37 {
    display: none;
  }

  #image38 {
    display: none;
  }

  #image39 {
    display: none;
  }

  #image40 {
    display: none;
  }

  #image41 {
    display: none;
  }

  #image42 {
    display: none;
  }

  #image43 {
    display: none;
  }

  #image44 {
    display: none;
  }

  #image45 {
    display: none;
  }

  #image46 {
    display: none;
  }

  #image47 {
    display: none;
  }
  


.nono {
  display: none;
}

.help {
  margin-top: -10%;
}


  .image1p {
    display: flex;
    margin-bottom: 2%;
  }



  




.imagepoo {
padding-top: 7%;
}




  figcaption {
    font-size: 7px;
  }

  .left2 {
    font-size: 7px;
  }

  .right2 {
    font-size: 7px;
  }



  .flow-text {
    font-size: 12px;
  }

  h1 {
    line-height: 80%;
    font-size: 23px;
    margin-bottom: 10%;
  }

  img {
    margin-top: 3%;
  }

  figcaption {
    margin-bottom: 3%;
  }

  .break1 {
    page-break-after: always;
  }

  .magrin1 {
    margin-top: 7%;
  }

  .magrin2 {
    margin-top: 237%;
  }

  .einr {
    font-weight: 100;
    margin-left: 0%;
  }

}





/* @page:left {
    margin: 10mm 20mm 10mm 10mm;
    @bottom-left {
  content: string(article);
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
    }
    @bottom-center {
      content: counter(page) " / " counter(pages);
      font-size: 12px;
      font-family: 'Courier New', Courier, monospace;
      font-weight: 500;
    }
  }
  
  @page:right {
    margin: 10mm 10mm 10mm 20mm;
    @bottom-right {
      content: string(article, first);
      font-family: 'Courier New', Courier, monospace;
      font-weight: 500;
        }
        @bottom-center {
          content: counter(page) " / " counter(pages);
          font-size: 12px;
          font-family: 'Courier New', Courier, monospace;
          font-weight: 500;
        }
  } */

/*  @page:first {
    margin: 200mm 20mm 10mm 10mm;
    background: rgb(93, 93, 93);
    font-size: large;
    @bottom-center {
      content: "";
    }
  }
  
  p {
    font-size: 16px;
  }
  
  .intro {
    page: Intro;
  }
  
  @page Intro {
    color: lightgrey ;
    break-after: page;
  }
  
  @media print {
    p{
      font-size: 12px;
      orphans: 3;
    }
  
  .text {
    break-after: page;
    font-size: 18px;
  }
  .title {
    font-size: 140px;
  }
  .pagedjs_left_page p{
    background-color: blue;
    color: whitesmoke;
  }
  .pagedjs_right_page p{
    background-color: blue;
    color: whitesmoke;
  }
  button {
    color: whitesmoke;
    background-color: blue;
    border-style: none;
    margin-left: 5mm;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  h2 {
    string-set: article content(text);
  }
  
  button {
    break-after: page;
    display: none;
  }
  
  ul li a::after {
    content: " p. "target-counter(attr(href), page);
  }
  
  .table {
    font-size: 40px;
  }
  
  a {
    text-decoration: none;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(93, 93, 93);
  }
  
  img {
    float:left;
    width:75%;
    clear:left;
    margin-right: 2mm;
  } 
  
  } */

/* @media screen {
  .title {
    color: lightgrey ;
  }
  } */