body {
  background-color: #ffffff; }

#header h1 {
  max-width: 900px;
  color: #000000; }

.top-bar-right {
  color: #000000; }
  .top-bar-right .accordion-menu .is-accordion-submenu li > a.accordion-menu {
    color: #143854; }
  .top-bar-right .accordion-menu .is-accordion-submenu li > a {
    color: #000000; }
  .top-bar-right .accordion-menu .is-accordion-submenu > div > div > li[aria-expanded="false"] > a:after,
  .top-bar-right .accordion-menu .is-accordion-submenu > div > div > li[aria-expanded="false"] > a:before,
  .top-bar-right .accordion-menu .is-accordion-submenu > div > div > li[aria-expanded="true"] > a:after,
  .top-bar-right .accordion-menu .is-accordion-submenu > div > div > li[aria-expanded="true"] > a:before {
    background-color: #fff; }

.footer-navigation .book-title {
  color: #000000; }

table td,
th {
  border: 1px solid #878787; }

.eke-booksearch {
  display: flex; }

.eke-booksearch__input {
  flex: 1;
  max-width: 100% !important;
  width: 100%;
  margin: 3px 1rem 3px 3px !important;
  border: 2px solid gray;
  border-radius: 1em;
  background: transparent;
  padding: 0.5rem;
  color: white; }

.eke-booksearch__link {
  padding-left: 2rem !important;
  font-weight: normal !important;
  background: transparent !important; }

.eke-booksearch__link:hover {
  background: transparent !important; }

.eke-booksearch__item {
  margin: 0; }

.eke-booksearch + .eke-booksearch__item {
  margin-top: 10px; }

.eke-booksearch__item:hover {
  background-color: #7eb7d7; }

a.eke-booksearch__link {
  padding: 10px 0px 10px 0px !important;
  font-family: 'Open Sans';
  font-weight: bold !important;
  border-top: 1px solid #fff;
  margin: 0 10px; }

.eke-booksearch__link:hover {
  background-color: transparent; }

.item.d1 .dot.dot-menu {
  color: #2baa97;
  border-color: #2baa97; }

.chapter-select .dots .d1 .dot.full,
.chapter-select .dots .d1 .dot:hover {
  background-color: #2baa97; }

.tartalomjegyzek .contents-list .fejezet_01 > ul > li > a {
  background-color: rgba(15, 66, 62, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_01 > ul > li > ul > li > a {
  background-color: rgba(15, 66, 62, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_01 > ul > li > ul > li > a:hover {
  background-color: rgba(15, 66, 62, 0.1) !important; }

.fejezet_01 .book-menu-color-light {
  background-color: #2BAA97; }

.fejezet_01 .title-bar {
  background-color: #0F423E; }

.fejezet_01 .title-bar-left .columns > .title a {
  background-image: url("../img/app/01/leckevalto.svg"); }
  .fejezet_01 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/01/leckevalto_hover.svg"); }

.fejezet_01 .top-bar-right .menu-bar {
  background-color: #051614; }

.fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #35D3BC; }
  .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #2BAA97; }
  .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #2BAA97; }
  .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #051614; }
  .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_01 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #051614; }

.fejezet_01 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_01 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #0F423E;
  color: #fff; }

.fejezet_01 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #2BAA97; }

.fejezet_01 .top-bar-right .accordion-menu .main-item {
  background-color: #051614 !important; }
  .fejezet_01 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #051614 !important; }

.fejezet_01 figcaption::after,
.fejezet_01 table caption::after {
  background: url("../img/app/01/kepalairas.svg") no-repeat; }

.fejezet_01 .footer-image {
  border-color: #0F423E; }

.fejezet_01 .footer-navigation h2 {
  color: #0F423E; }

.fejezet_01 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_01.png") center bottom no-repeat; }

.fejezet_01 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #051614;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_01 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_01.png") center bottom no-repeat; }

.item.d2 .dot.dot-menu {
  color: #914d3d;
  border-color: #914d3d; }

.chapter-select .dots .d2 .dot.full,
.chapter-select .dots .d2 .dot:hover {
  background-color: #914d3d; }

.tartalomjegyzek .contents-list .fejezet_02 > ul > li > a {
  background-color: rgba(145, 77, 61, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_02 > ul > li > ul > li > a {
  background-color: rgba(145, 77, 61, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_02 > ul > li > ul > li > a:hover {
  background-color: rgba(145, 77, 61, 0.1) !important; }

.fejezet_02 .book-menu-color-light {
  background-color: #D8725D; }

.fejezet_02 .title-bar {
  background-color: #914D3D; }

.fejezet_02 .title-bar-left .columns > .title a {
  background-image: url("../img/app/02/leckevalto.svg"); }
  .fejezet_02 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/02/leckevalto_hover.svg"); }

.fejezet_02 .top-bar-right .menu-bar {
  background-color: #492520; }

.fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #F29079; }
  .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #D8725D; }
  .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #D8725D; }
  .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #492520; }
  .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_02 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #492520; }

.fejezet_02 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_02 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #914D3D;
  color: #fff; }

.fejezet_02 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #D8725D; }

.fejezet_02 .top-bar-right .accordion-menu .main-item {
  background-color: #492520 !important; }
  .fejezet_02 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #492520 !important; }

.fejezet_02 figcaption::after,
.fejezet_02 table caption::after {
  background: url("../img/app/02/kepalairas.svg") no-repeat; }

.fejezet_02 .footer-image {
  border-color: #914D3D; }

.fejezet_02 .footer-navigation h2 {
  color: #914D3D; }

.fejezet_02 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_02.png") center bottom no-repeat; }

.fejezet_02 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #492520;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_02 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_02.png") center bottom no-repeat; }

.item.d3 .dot.dot-menu {
  color: #a38628;
  border-color: #a38628; }

.chapter-select .dots .d3 .dot.full,
.chapter-select .dots .d3 .dot:hover {
  background-color: #a38628; }

.tartalomjegyzek .contents-list .fejezet_03 > ul > li > a {
  background-color: rgba(163, 134, 40, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_03 > ul > li > ul > li > a {
  background-color: rgba(163, 134, 40, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_03 > ul > li > ul > li > a:hover {
  background-color: rgba(163, 134, 40, 0.1) !important; }

.fejezet_03 .book-menu-color-light {
  background-color: #E8CA4B; }

.fejezet_03 .title-bar {
  background-color: #A38628; }

.fejezet_03 .title-bar-left .columns > .title a {
  background-image: url("../img/app/03/leckevalto.svg"); }
  .fejezet_03 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/03/leckevalto_hover.svg"); }

.fejezet_03 .top-bar-right .menu-bar {
  background-color: #685B23; }

.fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #FADA4F; }
  .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #E8CA4B; }
  .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #E8CA4B; }
  .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #685B23; }
  .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_03 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #685B23; }

.fejezet_03 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_03 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #A38628;
  color: #fff; }

.fejezet_03 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #E8CA4B; }

.fejezet_03 .top-bar-right .accordion-menu .main-item {
  background-color: #685B23 !important; }
  .fejezet_03 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #685B23 !important; }

.fejezet_03 figcaption::after,
.fejezet_03 table caption::after {
  background: url("../img/app/03/kepalairas.svg") no-repeat; }

.fejezet_03 .footer-image {
  border-color: #A38628; }

.fejezet_03 .footer-navigation h2 {
  color: #A38628; }

.fejezet_03 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_03.png") center bottom no-repeat; }

.fejezet_03 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #685B23;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_03 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_03.png") center bottom no-repeat; }

.item.d4 .dot.dot-menu {
  color: #589ac6;
  border-color: #589ac6; }

.chapter-select .dots .d4 .dot.full,
.chapter-select .dots .d4 .dot:hover {
  background-color: #589ac6; }

.tartalomjegyzek .contents-list .fejezet_04 > ul > li > a {
  background-color: rgba(50, 84, 117, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_04 > ul > li > ul > li > a {
  background-color: rgba(50, 84, 117, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_04 > ul > li > ul > li > a:hover {
  background-color: rgba(50, 84, 117, 0.1) !important; }

.fejezet_04 .book-menu-color-light {
  background-color: #589AC6; }

.fejezet_04 .title-bar {
  background-color: #325475; }

.fejezet_04 .title-bar-left .columns > .title a {
  background-image: url("../img/app/04/leckevalto.svg"); }
  .fejezet_04 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/04/leckevalto_hover.svg"); }

.fejezet_04 .top-bar-right .menu-bar {
  background-color: #131D2D; }

.fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #6EC4F4; }
  .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #589AC6; }
  .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #589AC6; }
  .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #131D2D; }
  .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_04 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #131D2D; }

.fejezet_04 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_04 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #325475;
  color: #fff; }

.fejezet_04 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #589AC6; }

.fejezet_04 .top-bar-right .accordion-menu .main-item {
  background-color: #131D2D !important; }
  .fejezet_04 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #131D2D !important; }

.fejezet_04 figcaption::after,
.fejezet_04 table caption::after {
  background: url("../img/app/04/kepalairas.svg") no-repeat; }

.fejezet_04 .footer-image {
  border-color: #325475; }

.fejezet_04 .footer-navigation h2 {
  color: #325475; }

.fejezet_04 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_04.png") center bottom no-repeat; }

.fejezet_04 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #131D2D;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_04 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_04.png") center bottom no-repeat; }

.item.d5 .dot.dot-menu {
  color: #614275;
  border-color: #614275; }

.chapter-select .dots .d5 .dot.full,
.chapter-select .dots .d5 .dot:hover {
  background-color: #614275; }

.tartalomjegyzek .contents-list .fejezet_05 > ul > li > a {
  background-color: rgba(97, 66, 117, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_05 > ul > li > ul > li > a {
  background-color: rgba(97, 66, 117, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_05 > ul > li > ul > li > a:hover {
  background-color: rgba(97, 66, 117, 0.1) !important; }

.fejezet_05 .book-menu-color-light {
  background-color: #9F7EAF; }

.fejezet_05 .title-bar {
  background-color: #614275; }

.fejezet_05 .title-bar-left .columns > .title a {
  background-image: url("../img/app/05/leckevalto.svg"); }
  .fejezet_05 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/05/leckevalto_hover.svg"); }

.fejezet_05 .top-bar-right .menu-bar {
  background-color: #2F213A; }

.fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #C79EDB; }
  .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #9F7EAF; }
  .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #9F7EAF; }
  .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #2F213A; }
  .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_05 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #2F213A; }

.fejezet_05 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_05 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #614275;
  color: #fff; }

.fejezet_05 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #9F7EAF; }

.fejezet_05 .top-bar-right .accordion-menu .main-item {
  background-color: #2F213A !important; }
  .fejezet_05 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #2F213A !important; }

.fejezet_05 figcaption::after,
.fejezet_05 table caption::after {
  background: url("../img/app/05/kepalairas.svg") no-repeat; }

.fejezet_05 .footer-image {
  border-color: #614275; }

.fejezet_05 .footer-navigation h2 {
  color: #614275; }

.fejezet_05 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_05.png") center bottom no-repeat; }

.fejezet_05 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #2F213A;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_05 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_05.png") center bottom no-repeat; }

.item.d6 .dot.dot-menu {
  color: #d84848;
  border-color: #d84848; }

.chapter-select .dots .d6 .dot.full,
.chapter-select .dots .d6 .dot:hover {
  background-color: #d84848; }

.tartalomjegyzek .contents-list .fejezet_06 > ul > li > a {
  background-color: rgba(216, 72, 72, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_06 > ul > li > ul > li > a {
  background-color: rgba(216, 72, 72, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_06 > ul > li > ul > li > a:hover {
  background-color: rgba(216, 72, 72, 0.1) !important; }

.fejezet_06 .book-menu-color-light {
  background-color: #D6706E; }

.fejezet_06 .title-bar {
  background-color: #D84848; }

.fejezet_06 .title-bar-left .columns > .title a {
  background-image: url("../img/app/06/leckevalto.svg"); }
  .fejezet_06 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/06/leckevalto_hover.svg"); }

.fejezet_06 .top-bar-right .menu-bar {
  background-color: #6D2424; }

.fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #D38D8C; }
  .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #D6706E; }
  .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #D6706E; }
  .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #6D2424; }
  .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_06 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #6D2424; }

.fejezet_06 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_06 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #D84848;
  color: #fff; }

.fejezet_06 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #D6706E; }

.fejezet_06 .top-bar-right .accordion-menu .main-item {
  background-color: #6D2424 !important; }
  .fejezet_06 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #6D2424 !important; }

.fejezet_06 figcaption::after,
.fejezet_06 table caption::after {
  background: url("../img/app/06/kepalairas.svg") no-repeat; }

.fejezet_06 .footer-image {
  border-color: #D84848; }

.fejezet_06 .footer-navigation h2 {
  color: #D84848; }

.fejezet_06 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_06.png") center bottom no-repeat; }

.fejezet_06 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #6D2424;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_06 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_06.png") center bottom no-repeat; }

.item.d7 .dot.dot-menu {
  color: #555e60;
  border-color: #555e60; }

.chapter-select .dots .d7 .dot.full,
.chapter-select .dots .d7 .dot:hover {
  background-color: #555e60; }

.tartalomjegyzek .contents-list .fejezet_07 > ul > li > a {
  background-color: rgba(85, 94, 96, 0.3) !important; }

.tartalomjegyzek .contents-list .fejezet_07 > ul > li > ul > li > a {
  background-color: rgba(85, 94, 96, 0.2) !important; }

.tartalomjegyzek .contents-list .fejezet_07 > ul > li > ul > li > a:hover {
  background-color: rgba(85, 94, 96, 0.1) !important; }

.fejezet_07 .book-menu-color-light {
  background-color: #8F9D9E; }

.fejezet_07 .title-bar {
  background-color: #555E60; }

.fejezet_07 .title-bar-left .columns > .title a {
  background-image: url("../img/app/07/leckevalto.svg"); }
  .fejezet_07 .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/07/leckevalto_hover.svg"); }

.fejezet_07 .top-bar-right .menu-bar {
  background-color: #1E2223; }

.fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #A3B4B7; }
  .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #8F9D9E; }
  .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #8F9D9E; }
  .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #1E2223; }
  .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .fejezet_07 .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #1E2223; }

.fejezet_07 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.fejezet_07 .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #555E60;
  color: #fff; }

.fejezet_07 .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #8F9D9E; }

.fejezet_07 .top-bar-right .accordion-menu .main-item {
  background-color: #1E2223 !important; }
  .fejezet_07 .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #1E2223 !important; }

.fejezet_07 figcaption::after,
.fejezet_07 table caption::after {
  background: url("../img/app/07/kepalairas.svg") no-repeat; }

.fejezet_07 .footer-image {
  border-color: #555E60; }

.fejezet_07 .footer-navigation h2 {
  color: #555E60; }

.fejezet_07 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_07.png") center bottom no-repeat; }

.fejezet_07 .eke-booksearch .eke-booksearch__input {
  border: none;
  background-color: #1E2223;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold; }

.fejezet_07 .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_07.png") center bottom no-repeat; }

.top-bar-right .accordion-menu .main-item > a {
  color: #fff !important; }

.top-bar-right .accordion-menu .main-item > a:before,
.top-bar-right .accordion-menu .main-item > a:after {
  background-color: #fff !important; }

.tartalomjegyzek .contents-list .tartalomjegyzek a {
  background-color: rgba(15, 66, 62, 0.3) !important; }

.tartalomjegyzek .title-bar {
  background-color: #0F423E; }

.tartalomjegyzek .title-bar-left .columns > .title a {
  background-image: url("../img/app/01/leckevalto.svg"); }
  .tartalomjegyzek .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/01/leckevalto_hover.svg"); }

.tartalomjegyzek .top-bar-right .menu-bar {
  background-color: #051614 !important; }

.tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #35D3BC; }
  .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #2BAA97; }
  .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active, .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover {
    background-color: #2BAA97; }
  .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #051614; }
  .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .tartalomjegyzek .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #051614; }

.tartalomjegyzek .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.tartalomjegyzek .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #0F423E;
  color: #fff; }

.tartalomjegyzek .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #2BAA97; }

.tartalomjegyzek .top-bar-right .accordion-menu .main-item {
  background-color: #051614 !important; }
  .tartalomjegyzek .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #051614 !important; }

.tartalomjegyzek figcaption::after,
.tartalomjegyzek table caption::after {
  background: url("../img/app/01/kepalairas.svg") no-repeat; }

.tartalomjegyzek .footer-image {
  border-color: #0F423E; }

.tartalomjegyzek .footer-navigation h2 {
  color: #0F423E; }

.tartalomjegyzek .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_01.png") center bottom no-repeat; }

.eloszo .title-bar {
  background-color: #0F423E; }

.eloszo .title-bar-left .columns > .title a {
  background-image: url("../img/app/01/leckevalto.svg"); }
  .eloszo .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/01/leckevalto_hover.svg"); }

.eloszo .top-bar-right .menu-bar {
  background-color: #051614 !important; }

.eloszo .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #35D3BC; }
  .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #2BAA97; }
  .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active, .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover {
    background-color: #2BAA97; }
  .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #051614; }
  .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .eloszo .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #051614; }

.eloszo .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.eloszo .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #0F423E;
  color: #fff; }

.eloszo .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #2BAA97; }

.eloszo .top-bar-right .accordion-menu .main-item {
  background-color: #051614 !important; }
  .eloszo .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #051614 !important; }

.eloszo figcaption::after,
.eloszo table caption::after {
  background: url("../img/app/01/kepalairas.svg") no-repeat; }

.eloszo .footer-image {
  border-color: #0F423E; }

.eloszo .footer-navigation h2 {
  color: #0F423E; }

.eloszo .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_01.png") center bottom no-repeat; }

.tartalomjegyzek .contents-list .eloszo a {
  background-color: rgba(15, 66, 62, 0.3) !important; }

.footer-img {
  height: 13vw;
  background-size: contain !important;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .footer-img {
      height: 25vw !important; } }
  @media (max-width: 426px) {
    .footer-img {
      height: 30vw !important; } }

.large-header {
  height: calc(467px + 60px); }
  @media (max-width: 1170px) {
    .large-header {
      height: 40vw; } }
  @media (min-width: 1960px) {
    .large-header {
      height: calc(25vw + 60px); } }

.title-bar .top-bar {
  background-color: inherit; }

.audio-container h3 {
  color: #fff !important; }

section > .row.column {
  padding-top: 0; }

.callout {
  overflow: visible; }

.callout.csoportmunka,
.callout.kutatomunka,
.callout.jatek,
.callout.feladatok,
.callout.elmelet {
  padding: 0 22px 35px 22px;
  margin: 0 0 calc(24px + 2rem) 0;
  color: inherit;
  border-radius: 35px;
  transform: translateY(24px); }
  .callout.csoportmunka h3,
  .callout.kutatomunka h3,
  .callout.jatek h3,
  .callout.feladatok h3,
  .callout.elmelet h3 {
    display: flex;
    align-items: center;
    color: #ffffff;
    text-transform: unset;
    margin: 0;
    border-radius: 20px;
    border: 5px solid #ffffff;
    padding: 10px 50px;
    width: 300px;
    min-height: 55px;
    transform: translate(-35px, -32px); }

.callout.csoportmunka {
  background: #f4b97e;
  border: 8px solid #f4b97e; }
  .callout.csoportmunka h3 {
    background: #ed1c24; }

.callout.kutatomunka {
  background: #d7d7d7;
  border: 8px solid #d7d7d7; }
  .callout.kutatomunka h3 {
    background: #8138b7; }

.callout.jatek {
  background: #9be4d4;
  border: 8px solid #9be4d4; }
  .callout.jatek h3 {
    background: #8138b7; }

.callout.feladatok {
  background: #bfd0ff;
  border: 8px solid #bfd0ff;
  /*
  .level-icon {
    margin: 0 10px 0 15px;
  }
  */ }
  .callout.feladatok h3 {
    background: #3da58e; }

.callout.elmelet {
  background: #ffffff;
  border: 8px solid #eb3946; }
  .callout.elmelet h3 {
    background: #eb3946; }

.wide-section.erdekesseg,
.wide-section.bevezeto {
  padding-top: 20px;
  padding-bottom: 40px; }
  .wide-section.erdekesseg h3,
  .wide-section.bevezeto h3 {
    color: #ffffff;
    text-transform: unset;
    margin: 0 0 15px 15px; }
  .wide-section.erdekesseg .callout,
  .wide-section.bevezeto .callout {
    color: initial;
    padding: 0 30px; }

.wide-section.erdekesseg {
  background: #7ecec6; }

.wide-section.bevezeto {
  background: #ffa589; }

.callout.bevezetotortenet {
  background: #ffede7;
  border-radius: 40px;
  color: initial;
  padding: 30px; }
  .callout.bevezetotortenet h3 {
    color: initial;
    text-transform: unset;
    margin-bottom: 20px; }

.wide-section.pelda {
  background: #f2d190;
  margin: 0 0 calc(24px + 2rem) 0;
  padding-top: 0;
  padding-bottom: 0;
  color: inherit;
  transform: translateY(24px); }
  .wide-section.pelda .callout {
    padding: 0 30px 40px 30px; }
  .wide-section.pelda h3 {
    display: flex;
    align-items: center;
    background: #3da58e;
    color: #ffffff;
    text-transform: unset;
    margin: 0;
    border-radius: 20px;
    border: 5px solid #ffffff;
    padding: 10px 50px;
    width: 300px;
    min-height: 55px;
    transform: translate(-30px, -24px); }
  .wide-section.pelda .callout--emp {
    color: #000000;
    vertical-align: middle; }
    .wide-section.pelda .callout--emp:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      margin-right: 10px;
      background: url(../img/callout/pelda_ikon_feladat.svg) no-repeat center center/cover; }
      @media (min-width: 769px) {
        .wide-section.pelda .callout--emp:before {
          margin-right: 15px;
          width: 55px;
          height: 55px; } }
  .wide-section.pelda a[data-toggle] {
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    margin-top: 15px; }
    .wide-section.pelda a[data-toggle]:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      background: url(../img/callout/pelda_ikon_megoldas.svg) no-repeat center center/cover; }
      @media (min-width: 769px) {
        .wide-section.pelda a[data-toggle]:before {
          margin-right: 15px;
          width: 40px;
          height: 40px; } }
    .wide-section.pelda a[data-toggle]:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      color: #ffffff;
      margin-left: 10px;
      background: url(../img/callout/pelda_ikon_lenyilo.svg) no-repeat center center/cover;
      transition: transform 750ms; }
      @media (min-width: 769px) {
        .wide-section.pelda a[data-toggle]:after {
          margin-right: 15px;
          width: 28px;
          height: 28px; } }
    .wide-section.pelda a[data-toggle].open:after {
      transform: rotate(-180deg); }

.fejezet_01 .wide-section.pelda h3 {
  background-color: #3da58e; }

.fejezet_01 .callout.feladatok h3 {
  background-color: #3da58e; }

.fejezet_02 .wide-section.pelda h3 {
  background-color: #b8644c; }

.fejezet_02 .callout.feladatok h3 {
  background-color: #b8644c; }

.fejezet_03 .wide-section.pelda h3 {
  background-color: #deba2e; }

.fejezet_03 .callout.feladatok h3 {
  background-color: #deba2e; }

.fejezet_04 .wide-section.pelda h3 {
  background-color: #3173af; }

.fejezet_04 .callout.feladatok h3 {
  background-color: #3173af; }

.fejezet_05 .wide-section.pelda h3 {
  background-color: #7a5193; }

.fejezet_05 .callout.feladatok h3 {
  background-color: #7a5193; }

.fejezet_06 .wide-section.pelda h3 {
  background-color: #7a5193; }

.fejezet_06 .callout.feladatok h3 {
  background-color: #7a5193; }

.dotted-red-border {
  border: #ff0000 dotted; }

.bevezetes .title-bar {
  background-color: #0F423E; }

.bevezetes .title-bar-left .columns > .title a {
  background-image: url("../img/app/01/leckevalto.svg"); }
  .bevezetes .title-bar-left .columns > .title a:hover {
    background-image: url("../img/app/01/leckevalto_hover.svg"); }

.bevezetes .top-bar-right .menu-bar {
  background-color: #051614; }

.bevezetes .top-bar-right .accordion-menu .is-accordion-submenu {
  background-color: #35D3BC; }
  .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li.is-active > a {
    background-color: #2BAA97; }
  .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li > a:hover, .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li > a.is-active {
    background-color: #2BAA97; }
  .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:before, .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="false"] > a:after {
    background-color: #051614; }
  .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:before, .bevezetes .top-bar-right .accordion-menu .is-accordion-submenu li[aria-expanded="true"] > a:after {
    background-color: #051614; }

.bevezetes .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > li > a,
.bevezetes .top-bar-right .accordion-menu .spymenu.is-accordion-submenu > div > div > li > a {
  background-color: #0F423E;
  color: #fff; }

.bevezetes .top-bar-right .accordion-menu .nested.is-accordion-submenu li[aria-expanded="true"] > a {
  background: #2BAA97; }

.bevezetes .top-bar-right .accordion-menu .main-item {
  background-color: #051614 !important; }
  .bevezetes .top-bar-right .accordion-menu .main-item > a:hover {
    background-color: #051614 !important; }

.bevezetes figcaption::after,
.bevezetes table caption::after {
  background: url("../img/app/01/kepalairas.svg") no-repeat; }

.bevezetes .footer-image {
  border-color: #0F423E; }

.bevezetes .footer-navigation h2 {
  color: #0F423E; }

.bevezetes .footer-img {
  background: url("/api/media/style/matematika_7/img/FOOTER/footer_01.png") center bottom no-repeat; }

.tartalomjegyzek .contents-list .bevezetes a {
  background-color: rgba(15, 66, 62, 0.3) !important; }

.feladatok ol,
.csoportmunka ol,
.pelda ol {
  counter-reset: list; }
  .feladatok ol > li,
  .csoportmunka ol > li,
  .pelda ol > li {
    list-style: none; }
    .feladatok ol > li:before,
    .csoportmunka ol > li:before,
    .pelda ol > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[type="a"],
.csoportmunka ol[type="a"],
.pelda ol[type="a"] {
  counter-reset: list 0; }
  .feladatok ol[type="a"] > li,
  .csoportmunka ol[type="a"] > li,
  .pelda ol[type="a"] > li {
    list-style: none; }
    .feladatok ol[type="a"] > li:before,
    .csoportmunka ol[type="a"] > li:before,
    .pelda ol[type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[type="A"],
.csoportmunka ol[type="A"],
.pelda ol[type="A"] {
  counter-reset: list 0; }
  .feladatok ol[type="A"] > li,
  .csoportmunka ol[type="A"] > li,
  .pelda ol[type="A"] > li {
    list-style: none; }
    .feladatok ol[type="A"] > li:before,
    .csoportmunka ol[type="A"] > li:before,
    .pelda ol[type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="2"],
.csoportmunka ol[start="2"],
.pelda ol[start="2"] {
  counter-reset: list 1; }
  .feladatok ol[start="2"] > li,
  .csoportmunka ol[start="2"] > li,
  .pelda ol[start="2"] > li {
    list-style: none; }
    .feladatok ol[start="2"] > li:before,
    .csoportmunka ol[start="2"] > li:before,
    .pelda ol[start="2"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="2"][type="a"],
.csoportmunka ol[start="2"][type="a"],
.pelda ol[start="2"][type="a"] {
  counter-reset: list 1; }
  .feladatok ol[start="2"][type="a"] > li,
  .csoportmunka ol[start="2"][type="a"] > li,
  .pelda ol[start="2"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="2"][type="a"] > li:before,
    .csoportmunka ol[start="2"][type="a"] > li:before,
    .pelda ol[start="2"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="2"][type="A"],
.csoportmunka ol[start="2"][type="A"],
.pelda ol[start="2"][type="A"] {
  counter-reset: list 1; }
  .feladatok ol[start="2"][type="A"] > li,
  .csoportmunka ol[start="2"][type="A"] > li,
  .pelda ol[start="2"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="2"][type="A"] > li:before,
    .csoportmunka ol[start="2"][type="A"] > li:before,
    .pelda ol[start="2"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="3"],
.csoportmunka ol[start="3"],
.pelda ol[start="3"] {
  counter-reset: list 2; }
  .feladatok ol[start="3"] > li,
  .csoportmunka ol[start="3"] > li,
  .pelda ol[start="3"] > li {
    list-style: none; }
    .feladatok ol[start="3"] > li:before,
    .csoportmunka ol[start="3"] > li:before,
    .pelda ol[start="3"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="3"][type="a"],
.csoportmunka ol[start="3"][type="a"],
.pelda ol[start="3"][type="a"] {
  counter-reset: list 2; }
  .feladatok ol[start="3"][type="a"] > li,
  .csoportmunka ol[start="3"][type="a"] > li,
  .pelda ol[start="3"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="3"][type="a"] > li:before,
    .csoportmunka ol[start="3"][type="a"] > li:before,
    .pelda ol[start="3"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="3"][type="A"],
.csoportmunka ol[start="3"][type="A"],
.pelda ol[start="3"][type="A"] {
  counter-reset: list 2; }
  .feladatok ol[start="3"][type="A"] > li,
  .csoportmunka ol[start="3"][type="A"] > li,
  .pelda ol[start="3"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="3"][type="A"] > li:before,
    .csoportmunka ol[start="3"][type="A"] > li:before,
    .pelda ol[start="3"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="4"],
.csoportmunka ol[start="4"],
.pelda ol[start="4"] {
  counter-reset: list 3; }
  .feladatok ol[start="4"] > li,
  .csoportmunka ol[start="4"] > li,
  .pelda ol[start="4"] > li {
    list-style: none; }
    .feladatok ol[start="4"] > li:before,
    .csoportmunka ol[start="4"] > li:before,
    .pelda ol[start="4"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="4"][type="a"],
.csoportmunka ol[start="4"][type="a"],
.pelda ol[start="4"][type="a"] {
  counter-reset: list 3; }
  .feladatok ol[start="4"][type="a"] > li,
  .csoportmunka ol[start="4"][type="a"] > li,
  .pelda ol[start="4"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="4"][type="a"] > li:before,
    .csoportmunka ol[start="4"][type="a"] > li:before,
    .pelda ol[start="4"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="4"][type="A"],
.csoportmunka ol[start="4"][type="A"],
.pelda ol[start="4"][type="A"] {
  counter-reset: list 3; }
  .feladatok ol[start="4"][type="A"] > li,
  .csoportmunka ol[start="4"][type="A"] > li,
  .pelda ol[start="4"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="4"][type="A"] > li:before,
    .csoportmunka ol[start="4"][type="A"] > li:before,
    .pelda ol[start="4"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="5"],
.csoportmunka ol[start="5"],
.pelda ol[start="5"] {
  counter-reset: list 4; }
  .feladatok ol[start="5"] > li,
  .csoportmunka ol[start="5"] > li,
  .pelda ol[start="5"] > li {
    list-style: none; }
    .feladatok ol[start="5"] > li:before,
    .csoportmunka ol[start="5"] > li:before,
    .pelda ol[start="5"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="5"][type="a"],
.csoportmunka ol[start="5"][type="a"],
.pelda ol[start="5"][type="a"] {
  counter-reset: list 4; }
  .feladatok ol[start="5"][type="a"] > li,
  .csoportmunka ol[start="5"][type="a"] > li,
  .pelda ol[start="5"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="5"][type="a"] > li:before,
    .csoportmunka ol[start="5"][type="a"] > li:before,
    .pelda ol[start="5"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="5"][type="A"],
.csoportmunka ol[start="5"][type="A"],
.pelda ol[start="5"][type="A"] {
  counter-reset: list 4; }
  .feladatok ol[start="5"][type="A"] > li,
  .csoportmunka ol[start="5"][type="A"] > li,
  .pelda ol[start="5"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="5"][type="A"] > li:before,
    .csoportmunka ol[start="5"][type="A"] > li:before,
    .pelda ol[start="5"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="6"],
.csoportmunka ol[start="6"],
.pelda ol[start="6"] {
  counter-reset: list 5; }
  .feladatok ol[start="6"] > li,
  .csoportmunka ol[start="6"] > li,
  .pelda ol[start="6"] > li {
    list-style: none; }
    .feladatok ol[start="6"] > li:before,
    .csoportmunka ol[start="6"] > li:before,
    .pelda ol[start="6"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="6"][type="a"],
.csoportmunka ol[start="6"][type="a"],
.pelda ol[start="6"][type="a"] {
  counter-reset: list 5; }
  .feladatok ol[start="6"][type="a"] > li,
  .csoportmunka ol[start="6"][type="a"] > li,
  .pelda ol[start="6"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="6"][type="a"] > li:before,
    .csoportmunka ol[start="6"][type="a"] > li:before,
    .pelda ol[start="6"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="6"][type="A"],
.csoportmunka ol[start="6"][type="A"],
.pelda ol[start="6"][type="A"] {
  counter-reset: list 5; }
  .feladatok ol[start="6"][type="A"] > li,
  .csoportmunka ol[start="6"][type="A"] > li,
  .pelda ol[start="6"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="6"][type="A"] > li:before,
    .csoportmunka ol[start="6"][type="A"] > li:before,
    .pelda ol[start="6"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="7"],
.csoportmunka ol[start="7"],
.pelda ol[start="7"] {
  counter-reset: list 6; }
  .feladatok ol[start="7"] > li,
  .csoportmunka ol[start="7"] > li,
  .pelda ol[start="7"] > li {
    list-style: none; }
    .feladatok ol[start="7"] > li:before,
    .csoportmunka ol[start="7"] > li:before,
    .pelda ol[start="7"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="7"][type="a"],
.csoportmunka ol[start="7"][type="a"],
.pelda ol[start="7"][type="a"] {
  counter-reset: list 6; }
  .feladatok ol[start="7"][type="a"] > li,
  .csoportmunka ol[start="7"][type="a"] > li,
  .pelda ol[start="7"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="7"][type="a"] > li:before,
    .csoportmunka ol[start="7"][type="a"] > li:before,
    .pelda ol[start="7"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="7"][type="A"],
.csoportmunka ol[start="7"][type="A"],
.pelda ol[start="7"][type="A"] {
  counter-reset: list 6; }
  .feladatok ol[start="7"][type="A"] > li,
  .csoportmunka ol[start="7"][type="A"] > li,
  .pelda ol[start="7"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="7"][type="A"] > li:before,
    .csoportmunka ol[start="7"][type="A"] > li:before,
    .pelda ol[start="7"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="8"],
.csoportmunka ol[start="8"],
.pelda ol[start="8"] {
  counter-reset: list 7; }
  .feladatok ol[start="8"] > li,
  .csoportmunka ol[start="8"] > li,
  .pelda ol[start="8"] > li {
    list-style: none; }
    .feladatok ol[start="8"] > li:before,
    .csoportmunka ol[start="8"] > li:before,
    .pelda ol[start="8"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="8"][type="a"],
.csoportmunka ol[start="8"][type="a"],
.pelda ol[start="8"][type="a"] {
  counter-reset: list 7; }
  .feladatok ol[start="8"][type="a"] > li,
  .csoportmunka ol[start="8"][type="a"] > li,
  .pelda ol[start="8"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="8"][type="a"] > li:before,
    .csoportmunka ol[start="8"][type="a"] > li:before,
    .pelda ol[start="8"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="8"][type="A"],
.csoportmunka ol[start="8"][type="A"],
.pelda ol[start="8"][type="A"] {
  counter-reset: list 7; }
  .feladatok ol[start="8"][type="A"] > li,
  .csoportmunka ol[start="8"][type="A"] > li,
  .pelda ol[start="8"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="8"][type="A"] > li:before,
    .csoportmunka ol[start="8"][type="A"] > li:before,
    .pelda ol[start="8"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="9"],
.csoportmunka ol[start="9"],
.pelda ol[start="9"] {
  counter-reset: list 8; }
  .feladatok ol[start="9"] > li,
  .csoportmunka ol[start="9"] > li,
  .pelda ol[start="9"] > li {
    list-style: none; }
    .feladatok ol[start="9"] > li:before,
    .csoportmunka ol[start="9"] > li:before,
    .pelda ol[start="9"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="9"][type="a"],
.csoportmunka ol[start="9"][type="a"],
.pelda ol[start="9"][type="a"] {
  counter-reset: list 8; }
  .feladatok ol[start="9"][type="a"] > li,
  .csoportmunka ol[start="9"][type="a"] > li,
  .pelda ol[start="9"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="9"][type="a"] > li:before,
    .csoportmunka ol[start="9"][type="a"] > li:before,
    .pelda ol[start="9"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="9"][type="A"],
.csoportmunka ol[start="9"][type="A"],
.pelda ol[start="9"][type="A"] {
  counter-reset: list 8; }
  .feladatok ol[start="9"][type="A"] > li,
  .csoportmunka ol[start="9"][type="A"] > li,
  .pelda ol[start="9"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="9"][type="A"] > li:before,
    .csoportmunka ol[start="9"][type="A"] > li:before,
    .pelda ol[start="9"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="10"],
.csoportmunka ol[start="10"],
.pelda ol[start="10"] {
  counter-reset: list 9; }
  .feladatok ol[start="10"] > li,
  .csoportmunka ol[start="10"] > li,
  .pelda ol[start="10"] > li {
    list-style: none; }
    .feladatok ol[start="10"] > li:before,
    .csoportmunka ol[start="10"] > li:before,
    .pelda ol[start="10"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="10"][type="a"],
.csoportmunka ol[start="10"][type="a"],
.pelda ol[start="10"][type="a"] {
  counter-reset: list 9; }
  .feladatok ol[start="10"][type="a"] > li,
  .csoportmunka ol[start="10"][type="a"] > li,
  .pelda ol[start="10"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="10"][type="a"] > li:before,
    .csoportmunka ol[start="10"][type="a"] > li:before,
    .pelda ol[start="10"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="10"][type="A"],
.csoportmunka ol[start="10"][type="A"],
.pelda ol[start="10"][type="A"] {
  counter-reset: list 9; }
  .feladatok ol[start="10"][type="A"] > li,
  .csoportmunka ol[start="10"][type="A"] > li,
  .pelda ol[start="10"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="10"][type="A"] > li:before,
    .csoportmunka ol[start="10"][type="A"] > li:before,
    .pelda ol[start="10"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="11"],
.csoportmunka ol[start="11"],
.pelda ol[start="11"] {
  counter-reset: list 10; }
  .feladatok ol[start="11"] > li,
  .csoportmunka ol[start="11"] > li,
  .pelda ol[start="11"] > li {
    list-style: none; }
    .feladatok ol[start="11"] > li:before,
    .csoportmunka ol[start="11"] > li:before,
    .pelda ol[start="11"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="11"][type="a"],
.csoportmunka ol[start="11"][type="a"],
.pelda ol[start="11"][type="a"] {
  counter-reset: list 10; }
  .feladatok ol[start="11"][type="a"] > li,
  .csoportmunka ol[start="11"][type="a"] > li,
  .pelda ol[start="11"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="11"][type="a"] > li:before,
    .csoportmunka ol[start="11"][type="a"] > li:before,
    .pelda ol[start="11"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="11"][type="A"],
.csoportmunka ol[start="11"][type="A"],
.pelda ol[start="11"][type="A"] {
  counter-reset: list 10; }
  .feladatok ol[start="11"][type="A"] > li,
  .csoportmunka ol[start="11"][type="A"] > li,
  .pelda ol[start="11"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="11"][type="A"] > li:before,
    .csoportmunka ol[start="11"][type="A"] > li:before,
    .pelda ol[start="11"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="12"],
.csoportmunka ol[start="12"],
.pelda ol[start="12"] {
  counter-reset: list 11; }
  .feladatok ol[start="12"] > li,
  .csoportmunka ol[start="12"] > li,
  .pelda ol[start="12"] > li {
    list-style: none; }
    .feladatok ol[start="12"] > li:before,
    .csoportmunka ol[start="12"] > li:before,
    .pelda ol[start="12"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="12"][type="a"],
.csoportmunka ol[start="12"][type="a"],
.pelda ol[start="12"][type="a"] {
  counter-reset: list 11; }
  .feladatok ol[start="12"][type="a"] > li,
  .csoportmunka ol[start="12"][type="a"] > li,
  .pelda ol[start="12"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="12"][type="a"] > li:before,
    .csoportmunka ol[start="12"][type="a"] > li:before,
    .pelda ol[start="12"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="12"][type="A"],
.csoportmunka ol[start="12"][type="A"],
.pelda ol[start="12"][type="A"] {
  counter-reset: list 11; }
  .feladatok ol[start="12"][type="A"] > li,
  .csoportmunka ol[start="12"][type="A"] > li,
  .pelda ol[start="12"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="12"][type="A"] > li:before,
    .csoportmunka ol[start="12"][type="A"] > li:before,
    .pelda ol[start="12"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="13"],
.csoportmunka ol[start="13"],
.pelda ol[start="13"] {
  counter-reset: list 12; }
  .feladatok ol[start="13"] > li,
  .csoportmunka ol[start="13"] > li,
  .pelda ol[start="13"] > li {
    list-style: none; }
    .feladatok ol[start="13"] > li:before,
    .csoportmunka ol[start="13"] > li:before,
    .pelda ol[start="13"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="13"][type="a"],
.csoportmunka ol[start="13"][type="a"],
.pelda ol[start="13"][type="a"] {
  counter-reset: list 12; }
  .feladatok ol[start="13"][type="a"] > li,
  .csoportmunka ol[start="13"][type="a"] > li,
  .pelda ol[start="13"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="13"][type="a"] > li:before,
    .csoportmunka ol[start="13"][type="a"] > li:before,
    .pelda ol[start="13"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="13"][type="A"],
.csoportmunka ol[start="13"][type="A"],
.pelda ol[start="13"][type="A"] {
  counter-reset: list 12; }
  .feladatok ol[start="13"][type="A"] > li,
  .csoportmunka ol[start="13"][type="A"] > li,
  .pelda ol[start="13"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="13"][type="A"] > li:before,
    .csoportmunka ol[start="13"][type="A"] > li:before,
    .pelda ol[start="13"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="14"],
.csoportmunka ol[start="14"],
.pelda ol[start="14"] {
  counter-reset: list 13; }
  .feladatok ol[start="14"] > li,
  .csoportmunka ol[start="14"] > li,
  .pelda ol[start="14"] > li {
    list-style: none; }
    .feladatok ol[start="14"] > li:before,
    .csoportmunka ol[start="14"] > li:before,
    .pelda ol[start="14"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="14"][type="a"],
.csoportmunka ol[start="14"][type="a"],
.pelda ol[start="14"][type="a"] {
  counter-reset: list 13; }
  .feladatok ol[start="14"][type="a"] > li,
  .csoportmunka ol[start="14"][type="a"] > li,
  .pelda ol[start="14"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="14"][type="a"] > li:before,
    .csoportmunka ol[start="14"][type="a"] > li:before,
    .pelda ol[start="14"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="14"][type="A"],
.csoportmunka ol[start="14"][type="A"],
.pelda ol[start="14"][type="A"] {
  counter-reset: list 13; }
  .feladatok ol[start="14"][type="A"] > li,
  .csoportmunka ol[start="14"][type="A"] > li,
  .pelda ol[start="14"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="14"][type="A"] > li:before,
    .csoportmunka ol[start="14"][type="A"] > li:before,
    .pelda ol[start="14"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="15"],
.csoportmunka ol[start="15"],
.pelda ol[start="15"] {
  counter-reset: list 14; }
  .feladatok ol[start="15"] > li,
  .csoportmunka ol[start="15"] > li,
  .pelda ol[start="15"] > li {
    list-style: none; }
    .feladatok ol[start="15"] > li:before,
    .csoportmunka ol[start="15"] > li:before,
    .pelda ol[start="15"] > li:before {
      content: counter(list) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="15"][type="a"],
.csoportmunka ol[start="15"][type="a"],
.pelda ol[start="15"][type="a"] {
  counter-reset: list 14; }
  .feladatok ol[start="15"][type="a"] > li,
  .csoportmunka ol[start="15"][type="a"] > li,
  .pelda ol[start="15"][type="a"] > li {
    list-style: none; }
    .feladatok ol[start="15"][type="a"] > li:before,
    .csoportmunka ol[start="15"][type="a"] > li:before,
    .pelda ol[start="15"][type="a"] > li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol[start="15"][type="A"],
.csoportmunka ol[start="15"][type="A"],
.pelda ol[start="15"][type="A"] {
  counter-reset: list 14; }
  .feladatok ol[start="15"][type="A"] > li,
  .csoportmunka ol[start="15"][type="A"] > li,
  .pelda ol[start="15"][type="A"] > li {
    list-style: none; }
    .feladatok ol[start="15"][type="A"] > li:before,
    .csoportmunka ol[start="15"][type="A"] > li:before,
    .pelda ol[start="15"][type="A"] > li:before {
      content: counter(list, upper-alpha) ") ";
      counter-increment: list;
      display: block;
      position: relative;
      top: 25px;
      right: 25px;
      width: 0; }

.feladatok ol,
.csoportmunka ol,
.pelda ol {
  margin-left: 20px; }

.feladatok li > ol,
.csoportmunka li > ol,
.pelda li > ol {
  margin-left: 2.5rem; }

.feladatok ol[style*="list-style-type: lower-alpha;"] > li,
.csoportmunka ol[style*="list-style-type: lower-alpha;"] > li,
.pelda ol[style*="list-style-type: lower-alpha;"] > li {
  list-style: none; }
  .feladatok ol[style*="list-style-type: lower-alpha;"] > li:before,
  .csoportmunka ol[style*="list-style-type: lower-alpha;"] > li:before,
  .pelda ol[style*="list-style-type: lower-alpha;"] > li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
    width: 0; }