/* --------------------- Languages --------------------- */




.language1 {
    background: rgba(238, 238, 238, 0.5);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 0.75rem 0rem 0rem 0.75rem;
    min-height: 8rem;
}
@media (max-width: 575.98px) {
    .language1 {
        margin: 1rem 0 0rem 0;
        border-radius: 1rem 1rem 0 0;
        min-height: 5rem;
    }
}
.language1 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .language1 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
  .language1 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .language1 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.language1 h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .language1 h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.language1 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.language1 a:hover {
    color: #f07;
    text-decoration: none;
}

.language2 {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    min-height: 8rem;
}
@media (max-width: 575.98px) {
    .language2 {
        background: rgba(255, 255, 255, 0.6);
        border-radius: 0 0 0rem 0rem;
        margin: 0rem 0 0rem 0;
        min-height: 5rem;
    }
}
.language2 img {
    padding: 0.25rem;
}
.language2 h1 {
    padding: 0.5rem 0rem 0.5rem 0rem;
    font-size: 3.5rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language2 h1 {
      padding: 0.5rem 0rem 0.5rem 0rem;
      font-size: 2.5rem;
    }
}
.language3 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 0.25rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .language3 {
        margin: 1rem 0 0.5rem 0;
        min-height: 7rem;
        padding: 0 1rem 1rem 1rem;
    }
}
.language3 a {
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
}
.language3 a:hover {
    color: #d00;
}
.language3 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language3 h1 {
      padding: 0.5rem 0rem 0rem 0rem;
      font-size: 2.4rem;
    }
}
.language3 h2 {
    padding: 0rem 1rem 1rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .language3 h2 {
      font-size: 1.8rem;
    }
}
.language3 h3 {
    padding: 1rem 0rem 0rem 0.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language3 h3 {
      font-size: 1rem;
    }
}
.language3 h4 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language3 h4 {
      padding: 0.5rem 0rem 0rem 0.5rem;
      font-size: 2.4rem;
    }
}

.language31 {
    padding: 1rem 0 0 0;
}
@media (max-width: 575.98px) {
    .language31 {
        padding: 0.5rem 0 0 0;
    }
}
.language31 h2 {
    padding: 1rem 0rem 0rem 0.25rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #eee;
    text-align: right;
}
  @media (max-width: 575.98px) {
    .language31 h2 {
      font-size: 1rem;
    }
}
.language31 h3 {
    padding: 1rem 0rem 0rem 0.25rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #eee;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language31 h3 {
      font-size: 1rem;
    }
}

.language3 p {
    padding: 1rem 1rem 0.5rem 0rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
@media (max-width: 575.98px) {
    .language3 p {
        font-size: 1rem;
        font-weight: 500;
    }
}
.language4 {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 1rem;
    margin: 1.5rem 0 1rem 0;
    padding: 1rem;
    min-height: 25rem;
}
@media (max-width: 575.98px) {
    .language4 {
        margin: 0rem 0 1rem 0;
        border-radius: 0 0 1rem 1rem;
        min-height: 7rem;
    }
}

.language4 h1 {
    padding: 0rem 0rem 0rem 1rem;
    font-size: 3rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language4 h1 {
      padding: 0.5rem 0rem 0rem 0.5rem;
      font-size: 1.8rem;
    }
}
.language4 h2 {
    padding: 4rem 0rem 0rem 1rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
}
    @media (max-width: 575.98px) {
        .language4 h2 {
            padding: 2rem 0rem 0rem 1rem;
            font-size: 1.4rem;
            text-align: center;
    }
}
.language4 a {
    display: table-cell;
    background: rgba(0, 0, 0, 0.33);
    background: linear-gradient();
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 3rem;
    font-weight: 900;
    text-align: bottom;
    text-decoration: none;
    color: #fff;
}
@media (max-width: 575.98px) {
    .language4 a {
        font-size: 2rem;
        text-align: center;
    }
}
.language4 a:hover {
    background: rgb(9, 4, 72, 1);
    font-size: 3rem;
    color:#f5f;
}
@media (max-width: 575.98px) {
    .language4 a:hover {
        font-size: 2rem;
        text-align: center;
    }
}

.language41 {
    padding: 6rem 0 0 0;
}
@media (max-width: 575.98px) {
    .language41 {
        padding: 2rem 0 0 0;
    }
}

.language5 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 0.25rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .language5 {
        margin: 1rem 0 0.5rem 0;
        min-height: 7rem;
        padding: 0 1rem 1rem 1rem;
    }
}

.language5 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language5 h1 {
      padding: 0.5rem 0rem 0rem 0rem;
      font-size: 2.4rem;
    }
}
.language5 h2 {
    padding: 0rem 1rem 1rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .language5 h2 {
      font-size: 1.8rem;
    }
}
.language5 h3 {
    padding: 1rem 0rem 0rem 0.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language5 h3 {
      font-size: 1rem;
    }
}
.language5 h4 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language5 h4 {
      padding: 0.5rem 0rem 0rem 0.5rem;
      font-size: 2.4rem;
    }
}
.language5 a {
    font-size: 1.2rem;
    font-weight: 500;
    color: #eee;
    text-align: left;
    text-decoration: none;
}
.language5 a:hover {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
}

.language6 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 0.25rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .language6 {
        margin: 1rem 0 0.5rem 0;
        min-height: 7rem;
        padding: 0 1rem 1rem 1rem;
    }
}

.language6 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language6 h1 {
      padding: 0.5rem 0rem 0rem 0rem;
      font-size: 2.4rem;
    }
}
.language6 h2 {
    padding: 0rem 1rem 1rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .language6 h2 {
      font-size: 1.8rem;
    }
}
.language6 h3 {
    padding: 1rem 0rem 0rem 0.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language6 h3 {
      font-size: 1rem;
    }
}
.language6 h4 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language6 h4 {
      padding: 0.5rem 0rem 0rem 0.5rem;
      font-size: 2.4rem;
    }
}
.language6 h5 {
    padding: 0.5rem 0rem 0.5rem 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language6 h5 {
        font-size: 1rem;
    }
}
.language6 a {
    padding: 1rem 1rem 0.5rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #d00;
    text-decoration: none;
    text-transform: uppercase;

}
.language6 a:hover {
    color: #f07;

}
.language6 p {
    padding: 1rem 1rem 0.5rem 0rem;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
@media (max-width: 575.98px) {
    .language6 p {
        font-size: 1rem;
        font-weight: 500;
    }
}

.language7 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 0.25rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .language7 {
        margin: 1rem 0 0.5rem 0;
        min-height: 7rem;
        padding: 0 1rem 1rem 1rem;
    }
}

.language7 h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language7 h1 {
      padding: 0.5rem 0rem 0rem 0rem;
      font-size: 2.4rem;
    }
}
.language7 h2 {
    padding: 0rem 1rem 1rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
  @media (max-width: 575.98px) {
    .language7 h2 {
      font-size: 1.8rem;
    }
}
.language7 h3 {
    padding: 1rem 0rem 0rem 0.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language7 h3 {
      font-size: 1rem;
    }
}
.language7 h4 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .language7 h4 {
      padding: 0.5rem 0rem 0rem 0.5rem;
      font-size: 2.4rem;
    }
}
.language7 a {
    padding: 1rem 1rem 0.5rem 0rem;
    font-size: 1.rem;
    font-weight: 700;
    color: #d00;
    text-decoration: none;
    text-transform: uppercase;

}
.language7 a:hover {
    color: #f07;

}
.language7 p {
    padding: 1rem 1rem 0.5rem 0rem;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
@media (max-width: 575.98px) {
    .language7 p {
        font-size: 1rem;
        font-weight: 500;
    }
}

/* --------------------- end of Languages --------------------- */


.chapters {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    margin: 0;
    padding: 1rem 0 1rem 0;
}
    @media (max-width: 575.98px) {
        .chapters {
            margin: 1rem 0 0 0;
            padding: 0rem;
    }
}
.chapters h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .chapters h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.chapters p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}

.chapters1 {
    background: rgba(238, 238, 238, 0.75);
    border-top: 2px #dd5 solid;
    border-right: 2px #dd5 solid;
    border-left: 2px #dd5 solid;
    margin: 0rem 0rem 0rem 0;
    padding: 0.75rem 1rem 0.75rem 1rem;
    min-height: 2rem;
}
@media (max-width: 575.98px) {
    .chapters1 {
        min-height: 2rem;
    }
}
.chapters1 img {
    border-radius: 1rem;
}
@media (max-width: 575.98px) {
    .chapters1 img {
        border-radius: 0.5rem;
    }
}
.chapters2 {
    background: #dd5;
    border-top: 2px #dd5 solid;
    border-right: 2px #dd5 solid;
    border-left: 2px #dd5 solid;
    margin: 0 0 0 0rem;
    padding: 0.25rem 0rem 0.25rem 0rem;
}
    @media (max-width: 575.98px) {
        .chapters2 {
            margin: 0 0 0 0rem;
    }
}
.chapters2 h1 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .chapters2 h1 {
            padding: 0rem 0rem 0rem 0;
            font-size: 1.6rem;
            font-weight: 900;
    }
}
.chapters2 h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .chapters2 h2 {
            font-size: 1.4rem;
    }
}


.chapters2 a {
    color: #000;
    font-size: 1.6rem;
    text-align: bottom;
    text-align: left;
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .chapters2 a {
        font-size: 1.8rem;
        text-align: left;
    }
}
.chapters2 a:hover {
    color: #fff;
    font-size: 2.5rem;
}
@media (max-width: 575.98px) {
    .chapters2 a:hover {
        font-size: 1.8rem;
    }
}




.category {
    background: rgb(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0 1rem 1rem 1rem;
    min-height: 19.5rem;
}
    @media (max-width: 575.98px) {
        .category {
            min-height: 10rem;
    }
}
.category h1 {
    padding: 0.5rem 0.5rem 0.5rem 0;
    font-size: 2rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.category h2 {
    font-size: 2rem;
    font-weight: 900;
    color: #333;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category h2 {
            font-size: 1.8rem;
    }
}

.category p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.category a {
    color: #090448;
    font-size: 1rem;
    text-decoration: none;
}
@media (max-width: 575.98px) {
    .category a {
        font-size: 1rem;
        font-weight: 700;
    }
}
.category a:hover {
    color: #f60;
    font-size: 1rem;
}
@media (max-width: 575.98px) {
    .category a:hover {
        font-size: 1rem;
        font-weight: 700;
    }
}


.category2 {
    margin: 0;
    padding: 0;
}
    @media (max-width: 575.98px) {
        .category2 {
            padding: 0;
    }
}
.category2 h1 {
    padding: 0.5rem 0.5rem 1rem 0;
    font-size: 2.5rem;
    font-weight: 900;
    color: #d55;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category2 h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.category2 h2 {
    font-size: 2rem;
    font-weight: 900;
    color: #333;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category2 h2 {
            font-size: 1.8rem;
    }
}

.category2 p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}

.category2 a {
    margin: 0.5rem 0 0 0;
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: 900;
    text-align: bottom;
    text-decoration: none;
    color: #222;
}


@media (max-width: 575.98px) {
    .category2 a {
        font-size: 2rem;
    }
}
.category2 a:hover {
    color:#f5f;
        font-size: 2rem;
}
@media (max-width: 575.98px) {
    .category2 a:hover {
        font-size: 2rem;
    }
}


.category3 {
    margin: 0;
    padding: 0;
}
    @media (max-width: 575.98px) {
        .category3 {
            padding: 0;
    }
}
.category3 h1 {
    padding: 0.5rem 0.5rem 1rem 0;
    font-size: 2.5rem;
    font-weight: 900;
    color: #d55;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category3 h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.category3 h2 {
    font-size: 2rem;
    font-weight: 900;
    color: #333;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category3 h2 {
            font-size: 1.8rem;
    }
}

.category3 p {
    padding: 0.5rem 0 0 0;
    line-height: 1rem;
    color: #eee;
}

.category3 a {
    display: table-cell;
    background: rgba(0, 0, 0, 0.33);
    border-radius: 1rem;
    background: linear-gradient();
    padding: 0.5rem 1rem 0.5rem 1rem;
    line-height: 3rem;
    font-size: 1rem;
    font-weight: 900;
    text-align: bottom;
    text-align: left;
    text-decoration: none;
    color: #fff;
    min-width: 22rem;
}


@media (max-width: 575.98px) {
    .category3 a {
        font-size: 2rem;
    }
}
.category3 a:hover {
    background: rgb(9, 4, 72, 0.75);
    color:#f5f;
        font-size: 2rem;
}
@media (max-width: 575.98px) {
    .category3 a:hover {
        font-size: 2rem;
    }
}

.category4 {
    margin: 0;
    padding: 0;
}
    @media (max-width: 575.98px) {
        .category4 {
            padding: 0;
    }
}
.category4 h1 {
    padding: 0.5rem 0.5rem 1rem 0;
    font-size: 2rem;
    font-weight: 700;
    color: #d55;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .category4 h1 {
            font-size: 1.2rem;
            font-weight: 700;
    }
}


.moduleducation {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(238, 238, 238, 1);
    margin: 0.75rem 0 0rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .moduleducation {
            background: rgb(238, 238, 238, 1);
    }
}
.modulshops {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(238, 238, 238, 1);
    margin: 0.75rem 0 0rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .modulshops {
            background: rgb(238, 238, 238, 1);
    }
}
.modulhome {
    /* ----- background: rgb(20, 129, 99, 1); ---- */
    background: rgb(238, 238, 238, 1);
    margin: 0.75rem 0 0rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .modulhome {
            background: rgb(238, 238, 238, 1);
    }
}
.modulwork {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(238, 238, 238, 1);
    margin: 0.75rem 0 0rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .modulwork {
            background: rgb(238, 238, 238, 1);
    }
}
.modulservices {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(238, 238, 238, 1);
    margin: 0.75rem 0 0rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .modulservices {
            background: rgb(238, 238, 238, 1);
    }
}



.part1 {
    border-radius: 0 0 1rem 1rem;
    background-color: #fff;
    margin: 0rem;
    padding: 0.75rem;
}
.part1 h1 {
    padding: 0.25rem 0 1rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
    text-transform: none;
}
@media (max-width: 575.98px) {
  .part1 h1 {
    font-size: 1.2rem;
  }
}
.part1 h2 {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.part1 h3 {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.part1 a {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 1rem;
    color:#090448;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
}
.part1 a:hover {
    padding: 0.5rem 0 0.5rem 0;
  font-size: 1rem;
  color:#ef1481;
}

.part2 {
  border-radius: 0 0 1rem 1rem;
  background-color: #fff;
  margin: 0rem;
  padding: 0.75rem;
}
.part2 h1 {
    padding: 0.25rem 0 1rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
    text-transform: none;
}
@media (max-width: 575.98px) {
  .part2 h1 {
    font-size: 1.2rem;
  }
}
.part2 h2 {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.part2 h3 {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.part2 a {
  font-size: 1rem;
  color:#090448;
  text-decoration: none;
  font-weight: 500;
  text-align: left;
}
.part2 a:hover {
  font-size: 1rem;
  color:#ef1481;
}


.part3 {
  border-radius: 0 0 1rem 1rem;
  background-color: #fff;
  margin: 0rem;
  padding: 0.75rem;
}
.part3 h1 {
    padding: 0.25rem 0 1rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
    text-transform: none;
}
@media (max-width: 575.98px) {
  .part3 h1 {
    font-size: 1.2rem;
  }
}
.part3 h2 {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.part3 h3 {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.part3 a {
  font-size: 1rem;
  color:#090448;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.part3 a:hover {
  font-size: 1rem;
  color:#ef1481;
}
.part4 {
  border-radius: 0 0 1rem 1rem;
  background-color: #fff;
  margin: 0rem;
  padding: 0.75rem;
}
.part4 h1 {
    padding: 0.25rem 0 1rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
    text-transform: none;
}
@media (max-width: 575.98px) {
  .part4 h1 {
    font-size: 1.2rem;
  }
}
.part4 h2 {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.part4 h3 {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.part4 a {
  font-size: 1rem;
  color:#090448;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}
.part4 a:hover {
  font-size: 1rem;
  color:#ef1481;
}
.part5 {
    border-radius: 0 0 1rem 1rem;
    background-color: #fff;
    margin: 0rem;
    padding: 0.75rem;
  }
  .part5 h1 {
    padding: 0.25rem 0 1rem 0rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #090448;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .part5 h1 {
      font-size: 1.2rem;
    }
  }
  .part5 h2 {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
  }
  .part5 h3 {
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
  }
  .part5 a {
    font-size: 1rem;
    color:#090448;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
  }
  .part5 a:hover {
    font-size: 1rem;
    color:#ef1481;
  }



.modul7a {
    margin: 0rem;
    padding: 0;
}
.modul7a h1 {
    padding: 0rem 0 0.25rem 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #eee;
    text-align: left;
    text-transform: none;
}
@media (max-width: 575.98px) {
.modul7a h1 {
    font-size: 1.4rem;
}
}
.modul7a h3 {
    color: #fff;;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.modul7a a {
    font-size: 1rem;
    color:#050;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
}
.modul7a a:hover {
    font-size: 1rem;
    color:#f60;
}

.modul7b {
    margin: 0rem;
    padding: 0;
}
.modul7b h1 {
    padding: 0rem 0 0.25rem 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
    .modul7b h1 {
        font-size: 1.6rem;
    }
}
.modul7b h2 {
    padding: 0rem 0 0.25rem 0.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #eee;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .modul7b h2 {
            font-size: 1.6rem;
    }
}
.modul7b h3 {
    color: #fff;;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.modul7b a {
    font-size: 1rem;
    color:#050;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
}
.modul7b a:hover {
    font-size: 1rem;
    color:#f60;
}

/* --------------------- end of Modul 1 --------------------- */

/* --------------------- Education  --------------------- */
.education {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .education {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.education h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .education h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.education p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.education a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 2rem;
    line-height: 4rem;
    color: #eee;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .education1 a {
        font-weight: 700;
    }
}
.education a:hover {
    background: rgb(15, 199, 240, 0.5);
    color: #212121;
    font-size: 3rem;
}
.edu {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .edu {
            padding: 0rem;
    }
}
.edu h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
/* --------------------- end Education  --------------------- */

/* --------------------- Shops chapter --------------------- */

.shops {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(0, 0, 0, 1);
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .shops {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.shops h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .shops h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.shops p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.shops a {
    display: table-cell;
    background: rgb(238, 238, 238, 0.5);
    padding: 2rem;
    line-height: 4rem;
    color: #212121;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .shops1 a {
        font-weight: 700;
    }
}
.shops a:hover {
    background: rgb(15, 199, 240, 0.5);
    color: #eee;
    font-size: 3rem;
}
.shop {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(33, 33, 33, 1);
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .shop {
            padding: 0rem;
    }
}
.shop h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
/* --------------------- end Shops  --------------------- */

/* --------------------- Home  --------------------- */
.home {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(20, 129, 99, 1);
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .home {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.home h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .home h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.home p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.home a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 2rem 1rem 2rem 1rem;
    line-height: 4rem;
    color: #eee;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .home a {
        font-weight: 700;
    }
}
.home a:hover {
    background: rgb(238, 238, 238, 0.5);
    color: #148163;
    font-size: 3rem;
}
.hme {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(20, 129, 99, 1);
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .hme {
            padding: 0rem;
    }
}
.hme h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
/* --------------------- end Home  --------------------- */

/* --------------------- Work  --------------------- */
.work {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(255, 102, 0, 1);
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .work {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.work h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .work h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.work p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.work a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 2rem 1rem 2rem 1rem;
    line-height: 4rem;
    color: #eee;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .work1 a {
        font-weight: 700;
    }
}
.work a:hover {
    background: rgb(238, 238, 238, 0.5);
    color: #f60;
    font-size: 3rem;
}
.wrk {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(255, 102, 0, 1);
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .wrk {
            padding: 0rem;
    }
}
.wrk h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
/* --------------------- end Work  --------------------- */

/* --------------------- Services  --------------------- */
.services {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(239, 33, 49, 1);
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .services {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.services h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .services h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.services p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.services a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 2rem 1rem 2rem 1rem;
    line-height: 4rem;
    color: #eee;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .services1 a {
        font-weight: 700;
    }
}
.services a:hover {
    background: rgb(238, 238, 238, 0.5);
    color: #ef2131;
    font-size: 3rem;
}
.srv {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(239, 33, 49, 1);
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .srv {
            padding: 0rem;
    }
}
.srv h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
/* --------------------- end Services  --------------------- */

/* --------------------- Groups  --------------------- */
.groups {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(20, 129, 99, 1);
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .groups {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.groups h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .groups h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.groups p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.groups a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 2rem 1rem 2rem 1rem;
    line-height: 4rem;
    color: #eee;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .groups1 a {
        font-weight: 700;
    }
}
.groups a:hover {
    background: rgb(238, 238, 238, 0.5);
    color: #148163;
    font-size: 3rem;
}
.grp {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(20, 129, 99, 1);
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .grp {
            padding: 0rem;
    }
}
.grp h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}
/* --------------------- end Groups  --------------------- */


/* --------------------- Grammar --------------------- */
.grammar {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(28, 138, 138, 1);
    border-radius: 1rem;
    margin: 0.75rem 0 1rem 0;
    padding: 0.75rem;
}
    @media (max-width: 575.98px) {
        .grammar {
            padding: 1rem 0.5rem 1rem 0.5rem;
    }
}
.grammar h1 {
    padding: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .grammar h1 {
            font-size: 1.8rem;
            font-weight: 900;
    }
}
.grammar p {
    padding: 0.5rem 0 0 0;
    color: #eee;
}
.grammar a {
    display: table-cell;
    background: rgba(33, 33, 33, 0.5);
    padding: 2rem 1rem 2rem 1rem;
    line-height: 4rem;
    color: #eee;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
    .grammar1 a {
        font-weight: 700;
    }
}
.grammar a:hover {
    background: rgb(238, 238, 238, 0.5);
    color: #1c8a8a;
    font-size: 3rem;
}
.grm {
    /* ----- background: rgb(239, 20, 129, 1); ---- */
    background: rgb(28, 138, 138, 1);
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .grm {
            padding: 0rem;
    }
}
.grm h2 {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}


/* --------------------- end Grammar --------------------- */
.chaptermain {
    background: rgba(238, 238, 238, 0.35);
    margin: 0rem;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .chaptermain {
        margin: 1rem 0 0rem 0;
        padding: 2rem 0 0 0.25rem;
    }
}
.chaptermain a {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 4rem;
    font-weight: 900;
    color: #148163;
    text-decoration: none;
    text-align: left;
    text-shadow: 2px 2px 2px rgba(9, 4, 72, 1);
}
@media (max-width: 575.98px) {
    .chaptermain a {
        color: #fff;
        font-size: 2rem;
        font-weight: 900;
    }
}
.chaptermain a:hover {
    color: #f07;
}

.chaptertitle {
    background: rgba(238, 238, 238, 1);
    margin: 0rem;
    padding: 0.5rem 0.25rem 0.5rem 0.25rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .chaptertitle {
        margin: 1rem 0 0rem 0;
    }
}
.chaptertitle h1 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #051154;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .chaptertitle h1 {
      font-size: 2rem;
    }
}
.chaptertitle h2 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
  @media (max-width: 575.98px) {
    .chaptertitle h2 {
      font-size: 1.6rem;
    }
}

.chaptertitle p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.chaptertitle a {
    padding: 0rem 0.5rem 0rem 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #00c7ca;
    text-decoration: none;
    text-align: left;
}
.chaptertitle a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.chaptertitle ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.chaptertitle li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.chaptertitle li a {
    text-decoration: none;
    color: #090448;
}
.states {
    background: rgba(255, 255, 255, 1);
    margin: 0rem 0 1rem 0;
    padding: 0.5rem 0.5rem 1rem 0.5rem;
}
@media (max-width: 575.98px) {
    .states {
        margin: 0.5rem 0 1rem 0;
        border-radius: 0 0 1rem 1rem;
    }
}
.states h1 {
    line-height: 1.2rem;
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
}
.states h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #d00;
    text-align: left;
}
.states h3 {
    line-height: 1.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    text-transform: none;
}
.states h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.states ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .states ol {
        padding: 0.5rem 0 0.5rem 2rem;
    }
}
.states li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 500;
}
.states p {
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.states2 {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    min-height: 20rem;
}


/* ----------------------------------------------- Words -----.............................---------------- */
.words {
    background-color: #eee;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
    .words {
        background-color: #fff;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0rem 0.5rem 0rem;
    }
}
.words h1 {
    margin: 0rem;
    padding: 1rem 0rem 0.25rem 0.5rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #f60;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words h1 {
      font-size: 1rem;
    }
}

.words h2 {
    margin: 0rem;
    padding: 0rem 0rem 0rem 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words h2 {
      font-size: 1rem;
    }
}
.words h3 {
    margin: 0rem;
    padding: 0.5rem 0rem 0.5rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #0fc7f0;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words h1 {
      font-size: 1rem;
    }
}

.words h4 {
    margin: 0rem;
    padding: 0rem 0rem 0.4rem 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words h2 {
      font-size: 1rem;
    }
}
.words p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
.words a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #00c7ca;
}
.words a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.words a:active {
    font-size: 1rem;
    color:#4dd407;
}
.words ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.words li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.words li a {
    text-decoration: none;
    color: #090448;
}



.mobtitle {
    margin: 0;
    padding: 0rem;
}
    @media (max-width: 575.98px) {
        .mobtitle {
            padding: 0rem;
    }
}
.mobtitle h2 {
    padding: 0.5rem 0 0 0.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-transform: none;
}


.words1 {
    background-color: #000;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
}
@media (max-width: 575.98px) {
    .words1 {
        background-color: #eee;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
}
.words1 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #c07;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words1 h1 {
      font-size: 1rem;
    }
}

.words1 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words1 h2 {
      font-size: 1rem;
    }
}
.words1 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #c07;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words1 h1 {
      font-size: 1rem;
    }
}

.words1 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words1 h2 {
      font-size: 1rem;
    }
}
.words2 {
    background-color: #000;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
}
@media (max-width: 575.98px) {
    .words2 {
        background-color: #fff;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
}
.words2 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words2 h1 {
      font-size: 1rem;
    }
}

.words2 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words2 h2 {
      font-size: 1rem;
    }
}
.words2 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #212121;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words2 h1 {
      font-size: 1rem;
    }
}

.words2 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words2 h2 {
      font-size: 1rem;
    }
}

.words3 {
    background-color: #777;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .words3 {
        background-color: #eee;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
}
.words3 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #148163;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words3 h1 {
      font-size: 1rem;
    }
}

.words3 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words3 h2 {
      font-size: 1rem;
    }
}
.words3 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #148163;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words3 h1 {
      font-size: 1rem;
    }
}


.words3 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words3 h2 {
      font-size: 1rem;
    }
}


.words4 {
    background-color: #777;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .words4 {
        background-color: #eee;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
}
.words4 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #f60;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words4 h1 {
      font-size: 1rem;
    }
}

.words4 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words4 h2 {
      font-size: 1rem;
    }
}
.words4 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #f60;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words4 h1 {
      font-size: 1rem;
    }
}


.words4 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words4 h2 {
      font-size: 1rem;
    }
}



.words5 {
    background-color: #777;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    color: #000;
  }
  @media (max-width: 575.98px) {
    .words5 {
        background-color: #eee;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
  }
  .words5 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #ef2131;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words5 h1 {
      font-size: 1rem;
    }
  }

  .words5 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words5 h2 {
      font-size: 1rem;
    }
  }
  .words5 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ef2131;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words5 h1 {
      font-size: 1rem;
    }
  }


  .words5 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words5 h2 {
      font-size: 1rem;
    }
  }
  .words5 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  .words5 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #00c7ca;
  }
  .words5 a:hover {
    font-size: 1rem;
    color:#ef0607;
  }
  .words5 a:active {
    font-size: 1rem;
    color:#4dd407;
  }
  .words5 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
  }
  .words5 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .words5 li a {
    text-decoration: none;
    color: #090448;
  }






.words6 {
    background-color: #777;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    color: #000;
}
@media (max-width: 575.98px) {
    .words6 {
        background-color: #eee;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
}
.words6 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #148163;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words6 h1 {
      font-size: 1rem;
    }
}

.words6 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words6 h2 {
      font-size: 1rem;
    }
}
.words6 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #148163;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words6 h1 {
      font-size: 1rem;
    }
}


.words6 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
}
  @media (max-width: 575.98px) {
    .words6 h2 {
      font-size: 1rem;
    }
}
.words6 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}
.words6 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #00c7ca;
}
.words6 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.words6 a:active {
    font-size: 1rem;
    color:#4dd407;
}
.words6 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
}
.words6 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
}
.words6 li a {
    text-decoration: none;
    color: #090448;
}


.words7 {
    background-color: #777;
    border-radius: 0rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
    color: #000;
  }
  @media (max-width: 575.98px) {
    .words7 {
        background-color: #eee;
        margin: 1rem 0 0rem 0;
        padding: 0rem 0.25rem 0.25rem 0.25rem;
    }
  }
  .words7 h1 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1c8a8a;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words7 h1 {
      font-size: 1rem;
    }
  }

  .words7 h2 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words7 h2 {
      font-size: 1rem;
    }
  }
  .words7 h3 {
    margin: 0rem 0 0 0;
    padding: 0.5rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1c8a8a;
    text-align: left;
    text-transform: none;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words7 h1 {
      font-size: 1rem;
    }
  }


  .words7 h4 {
    padding: 0rem 0rem 0rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    min-height: 2.2rem;
  }
  @media (max-width: 575.98px) {
    .words7 h2 {
      font-size: 1rem;
    }
  }
  .words7 p {
    padding: 0rem 0.5rem 0rem 0rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  .words7 a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #00c7ca;
  }
  .words7 a:hover {
    font-size: 1rem;
    color:#ef0607;
  }
  .words7 a:active {
    font-size: 1rem;
    color:#4dd407;
  }
  .words7 ul {
    margin:0rem;
    padding: 0 0 0 1rem;
  }
  .words7 li {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .words7 li a {
    text-decoration: none;
    color: #090448;
  }

/* -----------------------------------------------end of  Words -----.............................---------------- */



/* ----------------------------------------------- Sentences -----.............................---------------- */


  .sentences {
    background: rgba(255, 255, 255, 1);
    border-radius: 0rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  }

  @media (max-width: 575.98px) {
    .sentences {
        border-radius: 0 0 1rem 1rem;
    }
  }
  .sentences h1 {
    padding: 0.5rem 0.5rem 0rem 0rem;
    line-height: 2rem;
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    text-transform: none;
    text-align: left;
  }

  .sentences h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #0fc7f0;
    text-align: left;
  }

  .sentences h3 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    text-align: left;
  }
  .sentences h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
  }

  .sentences ol {
    margin:0rem;
    padding: 0 0 0 1rem;
  }
  @media (max-width: 575.98px) {
    .sentences ol {
        padding: 0.5rem 0 0.5rem 1.75rem;
    }
  }
  .sentences li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 500;
  }
.sentences li a {
    text-decoration: none;
    color: #090448;
}


.sentences1 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences1 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #0fc7f0;
    text-align: left;
}

.sentences1 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.sentences1 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences1 ol {
        padding: 0.5rem 0 0.5rem 2rem;
    }
}
.sentences1 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 500;
}

.sentences2 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences2 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #212121;
    text-align: left;
}

.sentences2 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}


.sentences2 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences2 ol {
        padding: 0 0 0 2rem;
    }
}
.sentences2 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
}
.sentences2 li a {
    text-decoration: none;
    color: #090448;
}

.sentences3 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences3 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #148163;
    text-align: left;
}

.sentences3 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}


.sentences3 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences3 ol {
        padding: 0 0 0 2rem;
    }
}
.sentences3 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
}
.sentences3 li a {
    text-decoration: none;
    color: #090448;
}

.sentences4 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences4 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #f60;
    text-align: left;
}

.sentences4 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}


.sentences4 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences4 ol {
        padding: 0 0 0 2rem;
    }
}
.sentences4 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
}
.sentences4 li a {
    text-decoration: none;
    color: #090448;
}
.sentences5 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences5 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #ef2131;
    text-align: left;
}

.sentences5 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}


.sentences5 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences5 ol {
        padding: 0 0 0 2rem;
    }
}
.sentences5 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
}
.sentences5 li a {
    text-decoration: none;
    color: #090448;
}
.sentences6 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences6 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #148163;
    text-align: left;
}

.sentences6 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}


.sentences6 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences6 ol {
        padding: 0 0 0 2rem;
    }
}
.sentences6 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
}
.sentences6 li a {
    text-decoration: none;
    color: #090448;
}

.sentences7 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 1rem 1rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sentences7 h2 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1c8a8a;
    text-align: left;
}

.sentences7 h4 {
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}


.sentences7 ol {
    margin:0rem;
    padding: 0 0 0 1rem;
}
@media (max-width: 575.98px) {
    .sentences7 ol {
        padding: 0 0 0 2rem;
    }
}
.sentences7 li {
    border-bottom: 1px #444 dotted;
    margin: 0rem;
    padding: 0rem;
    font-size: 1rem;
    font-weight: 500;
}
.sentences7 li a {
    text-decoration: none;
    color: #090448;
}


.werbung2 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
    min-height: 7rem;
}
@media (max-width: 575.98px) {
    .werbung2 {
        margin: 1rem 0 1rem 0;
        padding: 0.75rem;
        min-height: 5.4rem;
    }
}
.werbung2 h1 {
    padding: 0rem 0 0 0rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
@media (max-width: 575.98px) {
.werbung2 h1 {
    font-weight: 700;
    font-size: 1.6rem;
}
}

.werbung2 p {
    color: #000;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}
.werbung2 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.werbung2 a:hover {
    color: #f07;
    text-decoration: none;
}

.werbung3 {
    background: rgba(238, 238, 238, 1);
    border-radius: 0.5rem;
    margin: 0rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
    .werbung3 {
        margin: 1rem 0 1rem 0;
        padding: 0.75rem;
    }
}
.werbung3 h1 {
    padding: 0rem 0 0 0rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
@media (max-width: 575.98px) {
.werbung3 h1 {
    font-weight: 700;
    font-size: 1.6rem;
}
}

.werbung3 p {
    color: #000;
    font-weight: 500;
    line-height: 1rem;
    text-decoration: none;
}
.werbung3 a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.werbung3 a:hover {
    color: #f07;
    text-decoration: none;
}












.werbung4 {
    background: rgba(238, 238, 238, 1);
    border-radius: 0.5rem;
    margin: 1rem 1rem 1rem 0rem;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .werbung4 {
        margin: 1rem 0 1rem 0;
        padding: 0.75rem;
    }
}
.werbung4 h1 {
    padding: 0rem;
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    text-align: left;
}
@media (max-width: 575.98px) {
    .werbung4 h1 {
      font-weight: 700;
    }
}


.werbung4 p {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}
/* ----------------------------------------------- Sentences -----.............................---------------- */



/* ----------------------------------------------- Chapter -----.............................---------------- */
.chapter1 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 0  0 1rem 0;
    padding: 0.5rem 0.5rem 0rem 0.5rem;
}
.chapter1 h1 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 1.8rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
    text-transform: none;
}
.chapter1 h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}

.chapter1 h3 {
    padding: 1rem 0rem 0rem 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #090448;
    text-align: left;
    text-transform: lowercase;
}
  @media (max-width: 575.98px) {
    .chapter1 h3 {
      font-size: 1rem;
    }
}
.chapter1 p {
    color: #090448;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}
.chapter1 a {
    color: #090448;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}
.chapter1 a:hover {
    font-size: 1rem;
    color:#ef0607;
}
.chaptermobile {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem 0 1rem 1rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem 0.5rem 0rem 0.5rem;
}
.chaptermobile h1 {
    border-bottom: 1px #777 solid;
    padding: 0rem 0rem 0.5rem 0rem;
    font-size: 1.2rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
    text-transform: none;
}
.chaptermobile h2 {
    padding: 0rem 0rem 0rem 0rem;
    font-size: 2rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}

.chaptermobile h3 {
    padding: 1rem 0rem 0rem 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #090448;
    text-align: left;
    text-transform: lowercase;
}
  @media (max-width: 575.98px) {
    .chaptermobile h3 {
      font-size: 1rem;
    }
}


.chapmenu {
    background: rgba(238, 238, 238, 1);
    border-radius: 0rem 0 1rem 1rem;
    margin: 0rem;
    padding: 0.25rem 0.25rem 0rem 0.25rem;
    min-width: 22rem;
}
.chapmenu a {
    color: #051154;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}
.chapmenu a:hover {
    font-size: 1rem;
    color:#f60;
}
.chapmenu h3 {
    padding: 0.5rem 0rem 0rem 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #090448;
    text-align: left;
    text-transform: lowercase;
}
  @media (max-width: 575.98px) {
    .chapter1 h3 {
      font-size: 1rem;
    }
}
.chapmenu p {
    font-size: 1rem;
    color:#000;
}




.sprache {
    margin: 0rem;
    padding: 0rem;
}
@media (max-width: 575.98px) {
    .sprache {
        margin: 0rem 0 0rem 0;
    }
}
.sprache h1 {
    padding: 1rem 0 0 0rem;
    font-size: 1rem;
    font-weight: 700;
    color: #0f0;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .sprache h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
  .sprache h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .sprache h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.sprache h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .sprache h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.sprache a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.sprache a:hover {
    color: #f07;
    text-decoration: none;
}


/* ----------------------------------------------- end of Chapter -----.............................---------------- */

.lingucard {
    background: rgba(255, 255, 25, 0.9);
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .lingucard {
        margin: 0.5rem 0 1rem 0;
    }
}
.lingucard h1 {
    padding: 1rem 0 0 0rem;
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingucard h1 {
      padding: 0.25rem 0 0 0;
      font-weight: 700;
      font-size: 1.4rem;
      text-align: left;
      text-transform: none;
    }
  }
  .lingucard h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingucard h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.lingucard h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .lingucard h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.lingucard a {
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.lingucard a:hover {
    color: #f07;
    text-decoration: none;
}


.swiss {
    background: rgba(0, 0, 0, 0.75);
    border-radius: 1rem;
    margin: 0 0 1rem 0;
    padding: 1rem 0.5rem 1rem 0.5rem;
}
@media (max-width: 575.98px) {
    .swiss {
        margin: 0.5rem 0 1rem 0;
    }
}

.lingu7 {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 0rem 0;
    padding: 1rem;
    min-height: 4rem;
}
@media (max-width: 575.98px) {
    .lingu7 {
        margin: 1rem 0 0rem 0;
        padding: 0.75rem;
        min-height: 3rem;
    }
}
.lingu7 h1 {
    padding: 1rem 0 0 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu7 h1 {
      padding: 0.25rem 0 0 0;
      color: #eee;
      font-weight: 700;
      font-size: 1.4rem;
      text-transform: none;
    }
  }
  .lingu7 h2 {
    padding: 0rem 0 0 0rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .lingu7 h2 {
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
    }
  }
.lingu7 h3 {
    padding: 0rem 0.25rem 0 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
    text-transform: none;
}
@media (max-width: 575.98px) {
    .lingu7 h3 {
        padding: 0rem 0.25rem 0 0;
        color: #444;
        font-weight: 700;
        font-size: 2rem;
        text-align: center;
        text-transform: none;
    }
}
.lingu7 a {
    line-height: 2rem;
    color: #f60;
    font-weight: 700;
    text-decoration: none;
}
.lingu7 a:hover {
    color: #f07;
    text-decoration: none;
}
.lingu7a {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 0rem 0 0rem 0;
    padding: 1rem 0rem 0rem 1rem;
    min-height: 8rem;
}
@media (max-width: 575.98px) {
    .lingu7a {
        margin: 0.5rem 0 0rem 0;
        padding: 1rem 0rem 0rem 0.75rem;
        min-height: 9rem;
    }
}
.lingu7a h1 {
    padding: 0rem 0 0 0.5rem;
    font-size: 2.5rem;
    font-weight: 900;
    color: #000;
    text-align: center;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu7a h1 {
        padding: 0rem 0 0 0rem;
        font-size: 2rem;
    }
}

.lingu7a p {
    padding: 0rem 0 0 0.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    text-transform: none;
  }
  @media (max-width: 575.98px) {
    .lingu7a p {
        padding: 0rem 0 0 0rem;
        font-weight: 500;
        text-align: center;
    }
}

.sprache1 {
    background: #eee;
    margin: 0;
    padding: 0;
}
    @media (max-width: 575.98px) {
        .sprache1 {
            padding: 0;
    }
}
.sprache1 h1 {
    padding: 0.5rem 0.5rem 1rem 0;
    font-size: 2.5rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-transform: none;
}
    @media (max-width: 575.98px) {
        .sprache1 h1 {
            padding: 0rem 0rem 0rem 0;
            font-size: 1.6rem;
            font-weight: 900;
    }
}
.sprache1 h2 {
    line-height: 3rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
}
    @media (max-width: 575.98px) {
        .sprache1 h2 {
            line-height: 2.4rem;
            font-size: 1rem;
            font-weight: 500;
    }
}

.sprache1 p {
    padding: 0.5rem 0 0 0;
    line-height: 1rem;
    color: #eee;
}

.sprache1 a {
    display: table-cell;
    border-radius: 0 0 0.5rem 0.5rem;
    background: linear-gradient();
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 3rem;
    color: #000;
    font-size: 2.5rem;
    font-weight: 900;
    text-align: bottom;
    text-align: left;
    text-decoration: none;
    min-width: 22rem;
}


@media (max-width: 575.98px) {
    .sprache1 a {
        font-size: 1.8rem;
        text-align: left;
    }
}
.sprache1 a:hover {
    color: #f60;
    font-size: 2.5rem;
}
@media (max-width: 575.98px) {
    .sprache1 a:hover {
        font-size: 1.8rem;
    }
}


.sprache1a {
    margin: 0;
    padding: 0;
    min-height: 7rem;
}
    @media (max-width: 575.98px) {
        .sprache1a {
            min-height: 1rem;
    }
}
.sprache1a h1 {
    font-size: 1rem;
    text-align: left;
}




.group1 {
    background-color: rgba(60, 60, 60, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.75rem;
    min-height: 19.5rem;
}
@media (max-width: 575.98px) {
    .group1 {
        margin: 0rem 0 0.5rem 0;
        min-height: 10rem;
    }
}
.group1 h1 {
    padding: 0 0 0.5rem 0;
    margin: 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #eee;
}
@media (max-width: 575.98px) {
    .group1 h1 {
        font-size: 1.4rem;
    }
}

.group1 h3 {
    padding: 0rem;
    margin: 0rem;
    font-size: 1.2rem;
    font-weight: 900;
    color: #090448;
    text-align: left;
}
@media (max-width: 575.98px) {
    .group1 h3 {
        color: #051154;
        font-size: 0.8rem;
        font-weight: 500;
    }
}
.group1 h4 {
    padding: 1rem 0 0 0;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #eee;
    text-align: left;
}
@media (max-width: 575.98px) {
    .group1 h4 {
        font-weight: 500;
    }
}
.group1 p {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.group1 a {
    color: #000;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
}
.group1 a:hover {
    font-size: 1rem;
    color:#f60;
}
.group1 ul {
    border-radius: 1rem 1rem 0rem 0rem;
    margin: 0rem;
    padding: 0rem;
    list-style: none;
}
.group1 li {
    padding: 0.25rem 0 0 0;
}
.group1 li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
}

.group2 {
    background-color: rgba(60, 60, 60, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 0.75rem;
    min-height: 19.5rem;
}
@media (max-width: 575.98px) {
    .group2 {
        margin: 0.5rem 0 0rem 0;
        min-height: 10rem;
    }
}

.group2 h1 {
    padding: 0 0 0.5rem 0;
    margin: 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #eee;
}
@media (max-width: 575.98px) {
    .group2 h1 {
        font-size: 1.4rem;
    }
}




.group2 p {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
}
.group2 a {
    color: #000;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
}
.group2 a:hover {
    font-size: 1rem;
    color:#f60;
}

.group2 h4 {
    padding: 1rem 0 0 0;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 500;
    color: #eee;
    text-align: left;
}
@media (max-width: 575.98px) {
    .group2 h4 {
        font-weight: 500;
    }
}


.languagecard {
    background: rgba(238, 238, 238, 1);
    border-radius: 1rem;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 575.98px) {
    .languagecard {
        margin: 1rem 0 1rem 0;
        padding: 1rem;
        min-height: 5.4rem;
    }
}
.languagecard h1 {
    padding: 0.25rem 0 0 0.5rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #000;
    text-align: left;
    text-transform: none;
  }
@media (max-width: 575.98px) {
    .languagecard h1 {
        font-weight: 700;
        font-size: 1.4rem;
    }
}

.languagecard a {
    line-height: 1.6rem;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.languagecard a:hover {
    color: #f60;
    text-decoration: none;
}