h1{font-family: BookAntiqua; text-align: center}
.accordion-item > div{ display: none; padding-bottom: 20px}
.accordion-item p, .accordion-item h2 { margin: 0;}

.accordion-item h2 { padding: 10px 0; font-size: 14px; text-align: left;     border-bottom: 1px solid #99855a; font-family: TenorSans; font-weight: normal; padding-right: 30px; cursor: pointer}
.accordion-item:first-child h2{ border-top: 1px solid #99855a;}
.accordion-item p { padding: 5px 0; font-size: 14px; text-align: left}

.accordion-item h2:after{ display: block; position: absolute; content:""; width: 20px; height: 20px; background-image: url(/images/arrow_up.svg); background-position: center; background-repeat: no-repeat; background-size: contain; top: 13px; right: 0; transform: rotate(180deg);  transition: all 0.3s ease; }

.accordion-item h2.active:after{transform: rotate(0deg)}

.slide-image{ height: 240px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.slide-desc * { font-size: 14px}
.slide-desc h2{ font-size: 16px; text-align: left }
.slide-desc ul{ padding-left: 20px;}

.galery .embla { padding-bottom: 60px}
.galery .embla_navbuttons{ top: calc(100% + 20px); justify-content: flex-end; gap:25px;}

@media only screen and (min-width: 768px) {
    .accordion-item {   }
    .accordion-item h2{ font-size: 16px;  padding: 15px 0;}
    .accordion-item p { font-size: 16px;}

    .embla__slide{ display: flex; justify-content: space-between;}
    .embla__slide > div{ width: calc(50% - 10px)}
    .slide-image{ min-height: 300px; height: 100%}
    .slide-desc{ padding-bottom: 50px;}
    .slide-desc h2{margin-top: 0; font-size: 18px;}
    .galery .embla_navbuttons{ top: auto; bottom: 0}

    }


@media only screen and (min-width: 1024px) {


    .embla__slide > div{ width: calc(50% - 20px)}
    .slide-desc * { font-size: 16px}

    .slide-desc h2{ font-size: 22px;}

    .accordion{ max-width: 960px; margin: auto}
    .accordion-item h2:after{ top: 19px;}


}