::-moz-selection {
    background: #c8e3e6;
}

::selection {
    background: #c8e3e6;
}

.ml-form-embedWrapper {
    background-color: rgba(255, 255, 255, 0) !important;
}

.blog-grid {
    flex-flow: row wrap;
    margin-top: 5vw;
    display: flex;
}

.program-card {
    width: 30%;
    background-color: white;
    margin: 3vw auto;
    border-radius: 2vw;
    overflow: hidden;
}

.program-text {
    padding: 1vw;
}

.program-img {
    position: relative;
}

.event-date-overlay {
    background-color: #0197af;
    padding: 15px;
    border-radius: 2vw;
    display: inline-block;
    width: fit-content;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
}

.kiemeles {
    background-color: #cae6e9;
    padding: 1vw;
    margin: 1vw 0;
}

.article-tags .tag,
.tag-cloud-link {
    background-color: #e9e9df;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 30px;
    text-decoration: none;
}

.article-tags {
    margin: 17px 0;
}

aside .one-third {
    padding: 2vw;
}

aside .search-button {
    right: -23vw;
    top: -4.5vw;
}

.wp-block-tag-cloud {
    text-align: center;
}

/* animations formázások */

a,
.button,
.button a,
.logo,
input[type="submit"] {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.nav-top li a:hover,
.nav-useful li a:hover,
.nav-bottom li a:hover,
a:hover {
    color: #0062bb;
}

/* body formázások */

body {
    font-family: "Poppins", sans-serif;
    background-image: url(/wp-content/uploads/2025/08/bg-pattern.png);
    background-repeat: repeat;
    background-blend-mode: multiply;
    color: #0f1110;
    font-size: 1vw;
}

h1 {
    font-family: "Caveat Brush", serif;
    text-transform: uppercase;
    font-size: 3.5vw;
    color: #201656;
}

h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 1.55vw;
    line-height: 1.1;
    margin-bottom: 0.5vw;
    color: #201656;
}

h3 {
    font-family: "Caveat Brush", serif;
    font-size: 1.5vw;
    margin-bottom: 0.5vw;
    color: #0062bb;
}

h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 1.28vw;
    margin-bottom: 0.5vw;
    line-height: 1.2;
    color: #201656;
}

h5 {
    font-family: "Caveat Brush", serif;
    font-size: 1.25vw;
    margin-bottom: 0.4vw;
    color: #201656;
}

h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 1.15vw;
    margin-bottom: 1.3vw;
    color: #0f1110;
    line-height: 1.2;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1.2vw;
}

p,
ul li,
a,
td,
::placeholder,
ul,
ul li,
ol,
ol li {
    font-family: "Poppins", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.5vw;
    color: #0f1110;
}

header ul li,
header ol li,
footer ul li,
footer ol li {
    padding-left: 0;
}

ul li,
ol li {
    padding-left: 1vw;
}

li:last-of-type {
    margin-bottom: 2vw;
}

.logo,
.social,
.program-card,
.training,
.terapia,
article {
    transition: 0.5s ease;
}

.logo:hover,
.social:hover,
.program-card:hover,
article:hover,
.training:hover,
.terapia:hover {
    transform: scale(1.05);
}

.primary,
.button,
input[type="submit"] {
    padding: 0.8vw 2vw;
    border-top-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    cursor: pointer;
    margin: 1.5vw 0;
    width: fit-content;
    background-color: #0062bb;
    display: block;
    transition: 0.5s ease;
}
.primary:hover,
.button:hover,
input[type="submit"]:hover {
    transform: scale(1.05);
}

.primary,
.button a,
input[type="submit"] {
    text-decoration: none;
    color: #e2eef0;
    font-family: "Poppins";
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1vw;
    margin: 1vw auto !important;
}

li {
    position: relative;
    padding-left: 1vw;
}

ul li::before {
    content: "- ";
    position: absolute;
    left: 0;
}

ol {
    list-style: none;
    counter-reset: counter;
}

ol li {
    counter-increment: counter;
}

ol li::before {
    content: counter(counter) ". ";
    position: absolute;
    left: 0;
}

.check {
    display: flex;
    align-items: flex-start;
}

a {
    color: #080b09;
    text-decoration: underline;
}

input[type="search"] {
    padding: 1vw 1.8vw;
    border-radius: 2vw;
    margin: 1vw 0;
    width: 40%;
    font-size: 1.1vw;
    border: 1px solid #d5d5d5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
}

::placeholder {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
}

input[type="tel"],
input[type="email"],
input[type="text"],
textarea {
    font-family: "Plus Jakarta Sans";
    text-align: center;
    border: 1px solid #cfcfcf;
    padding: 1vw 1.5vw;
    border-radius: 0.5vw;
    margin: 0.5vw 0;
    width: fit-content;
    font-size: 1vw;
    box-shadow:
        rgba(50, 50, 93, 0.15) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    width: 1.2vw;
    height: 1.2vw;
    float: left;
    margin: 0.2vw;
}

input[type="radio"] {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important; /* Visszaállítja a böngésző alapértelmezett kinézetét */
}

.center-box {
    width: 85%;
    margin: 0 auto;
}

.center-box h2 {
    text-align: center;
}

/* nav formázások */

.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 4px 2px -2px gray;
}

#headline {
    width: 100%;
    padding: 0 2vw;
    height: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 999999 !important;
    background-color: white;
}

.logo {
    width: 12vw;
    height: 2.5vw;
    padding: 0 1vw;
    border-radius: 2vw;
    z-index: 3;
}
.nav-useful li:before,
.nav-bottom li:before,
.nav-top li:before {
    content: none;
}

.nav-top {
    display: block !important;
    padding: 0 2vw;
    width: 75%;
    margin: 1.5vw auto;
    text-align: center;
}

.nav-top li {
    display: inline-block;
    padding: 1vw;
    cursor: pointer;
    margin: 0 !important;
}

.nav-top li a {
    display: inline-block;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    margin: 0 !important;
    font-size: 1.05vw;
    position: relative;
    text-shadow: rgb(186, 183, 225, 1) 0px 0px 15px;
}

.social {
    margin: 2vw auto;
    text-align: center;
}

.social img {
    width: 2vw;
    margin: 0.5vw;
}

/* footer formázások */

footer {
    clear: both;
    overflow: hidden;
    position: relative;
}

footer::before {
    content: "";
    display: block;
    width: 16vw;
    height: 27vw;
    position: absolute;
    top: -9vw;
    right: 7vw;
    background-image: url(/wp-content/uploads/2025/08/alloviragok-vilagos-turkiz.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(-90deg);
}

footer .one-third {
    text-align: center;
}

.foot-logo {
    width: 10vw;
    margin: 2vw auto;
}

footer h3 {
    text-align: center;
    margin: 3vw auto;
}

.nav-useful,
.nav-bottom {
    margin: 0 !important;
}

footer li a {
    display: inline-block;
    line-height: 1.3;
    text-decoration: none;
    margin: 0 !important;
}

footer a {
    text-decoration: none;
    line-height: 1.3;
}

footer li::before {
    display: none;
}

.bottom-line {
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #212121;
    width: 100%;
    padding: 0 3vw;
    height: 5vw;
}

.bottom-line a,
.bottom-line p {
    color: white;
    margin: 0 !important;
}

.bottom-line img {
    width: 5vw;
    height: auto;
    margin-left: 0.5vw;
}

section {
    clear: both;
}

/* főoldal header formázások */

header {
    background-image: url(/wp-content/uploads/2025/08/header.webp);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top -7vw center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    height: 55vw;
    position: relative;
}

#head-img {
    width: 48%;
    position: relative;
    top: 2vw;
    left: 3vw;
    z-index: 1;
}

#head-text {
    position: relative;
    top: 8vw;
    padding: 0 3vw;
}

#head-text h1 {
    margin-left: -12vw;
    margin-bottom: -3vw;
    z-index: 2;
    position: relative;
    top: -3vw;
}

#head-text h6 {
    width: 80%;
}

#head-text::after {
    content: "";
    display: block;
    width: 10vw;
    height: 20vw;
    position: absolute;
    right: -3vw;
    top: 5vw;
    background: url(/wp-content/uploads/2025/08/alloviragok-szines.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-25deg);
    z-index: 1;
}

/*----------------intro--------------------*/

#intro-text {
    padding-right: 2vw;
}

#intro-images {
    position: relative;
    right: -2vw;
    width: 50%;
    float: left;
    top: 2vw;
}

#intro-images img {
    width: 45%;
    position: absolute;
}

#intro-images img:nth-of-type(1) {
    border-top-right-radius: 7vw;
    border-bottom-left-radius: 7vw;
    top: -1vw;
}

#intro-images img:nth-of-type(2) {
    border-top-left-radius: 7vw;
    border-bottom-right-radius: 7vw;
    top: -14vw;
    right: -3.25vw;
    width: 60%;
}

#intro-images img:nth-of-type(3) {
    border-top-left-radius: 7vw;
    border-bottom-right-radius: 7vw;
    bottom: -29vw;
    left: 0;
}

#intro-images img:nth-of-type(4) {
    border-top-right-radius: 7vw;
    border-bottom-left-radius: 7vw;
    bottom: -29vw;
    right: 3vw;
}

#advantages {
    padding-top: 7vw;
    position: relative;
}

#advantages h2::after {
    content: "";
    display: block;
    width: 7vw;
    height: 7vw;
    position: absolute;
    top: -1vw;
    right: 22vw;
    background-image: url(/wp-content/uploads/2025/08/viragok-vilagos-turkiz.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(-90deg);
}

.adv-container {
    margin: 2vw auto;
    width: 80%;
    position: relative;
    z-index: 1;
}

.adv-box {
    padding: 1vw;
    width: 50%;
    height: 6vw;
    float: left;
    display: flex;
    margin: auto;
}

.adv-img {
    width: 5vw;
    float: left;
    margin-right: 1vw;
}

.adv-img img {
    width: 100% !important;
}

.adv-box:last-of-type {
    margin-bottom: 3vw;
}

#advantages h3 {
    clear: both;
    margin: auto;
    width: 50%;
    text-align: center;
    margin-bottom: 5vw;
}

/*--------- órák-------------------*/

#trainings {
    background-image: url(/wp-content/uploads/2025/08/ora-hatter.webp);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 43vw;
    position: relative;
}

#trainings h2::before {
    content: "";
    display: block;
    width: 10vw;
    height: 21vw;
    position: absolute;
    top: -10vw;
    left: 6vw;
    background-image: url(/wp-content/uploads/2025/08/alloviragok-vilagos-turkiz.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(90deg);
}

#trainings .button {
    margin: 2vw auto;
}

.training-container {
    display: flex;
    justify-content: center;
    margin: 4vw auto;
}

.training-container .training {
    border-radius: 30vw;
    width: 26%;
    height: 22vw;
    flex: unset;
    margin: 2vw;
    border: 0;
}

.training-container .training:before {
    display: none;
}

#trainers-text {
    margin: 5vw 0 !important;
    text-align: center;
}

.training a {
    text-decoration: none;
}

.training h3 {
    text-align: center;
    color: #201656;
}

.training img {
    width: 100%;
}

#trainings::after {
    content: "";
    display: block;
    width: 35vw;
    height: 35vw;
    position: absolute;
    top: 31.2vw;
    left: -10vw;
    background-image: url(/wp-content/uploads/2025/08/mandala.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(var(--scroll-rotate, 0deg));
    transition: transform 0.9s ease-in-out;
}

#trainers h2::before {
    content: "";
    display: block;
    width: 10vw;
    height: 21vw;
    position: absolute;
    top: 5.25vw;
    left: 26vw;
    background-image: url(/wp-content/uploads/2025/08/dots.svg);
    background-repeat: no-repeat;
    z-index: 0;
}

#trainers .trainers-text {
    padding: 5vw 20vw;
}

#trainers {
    position: relative;
}

#trainers h2 {
    margin-bottom: 3vw;
}

.trainers-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 4vw 0;
    width: 100%;
}

/* Feltételezve, hogy a kártyáidnak .trainer-card vagy hasonló az osztálya */
.trainers-container > div {
    /* 4 oszlop esetén: 100% / 4 = 25%. 
     A gap miatt érdemes ennél kicsivel kisebbre venni, 
     vagy a calc() függvényt használni. */
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    box-sizing: border-box;
}

.trainer {
    position: relative;
    overflow: hidden;
    /* 100% / 4 = 25%. A gap (20px) miatt levonunk egy kicsit */
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    transition: 0.5s ease;
    border-top-left-radius: 5vw;
    border-bottom-right-radius: 5vw;
    box-sizing: border-box;
}

.trainer img {
    width: 100%;
    display: block;
}

.trainer-card {
    background-color: #0197af;
    position: absolute;
    width: 100%; /* Kitölti a szélességet */
    top: 80%; /* Alaphelyzetben csak az alja látszik (állítsd be ízlés szerint) */
    left: 0;
    transition: 0.5s ease;
    height: 100%; /* Ez legyen 100%, de a 'top' tolja le */
}

.trainer-card h3 {
    text-align: center;
    margin: 0.8vw 0;
    color: white;
}

.trainer-card p {
    opacity: 0;
    color: white;
    padding: 0 1vw;
    transition: 0.3s ease;
}

.trainer:hover {
    transform: scale(1.05); /* Az 1.65 nagyon kitakarná a szomszédait 4 oszlopnál */
    z-index: 5;
}

.trainer:hover .trainer-card {
    top: 0; /* Teljesen felcsúszik a tetejéig */
    height: 100%; /* Biztosítjuk a teljes kitöltést */
    background-color: rgba(54, 62, 153, 0.85);
    display: flex;
    flex-direction: column;
    justify-content: center; /* Tartalom középre igazítása függőlegesen */
}

.trainer:hover .trainer-card p {
    font-size: 0.65vw;
    opacity: 1;
}

.trainer:hover .trainer-card h3 {
    font-size: 1.2vw;
    color: white;
}

.trainer:hover .button {
    padding: 0.5vw 1vw;
    width: 100%;
    position: absolute;
    bottom: -0.8vw;
    background-color: #0197af;
    border-radius: 0;
}

.trainer:hover .button a {
    font-size: 0.85vw;
}

/* Itt állítjuk be a 4 oszlopos osztást */

/* Hover állapot: A kártya felcsúszik és teljesen kitölti a divet */

/* Szövegek méretezése - érdemesebb em-et vagy rem-et használni vw helyett a stabilitásért */
.trainer:hover .trainer-card p {
    font-size: 0.8rem;
    opacity: 1;
}

.trainer:hover .trainer-card h3 {
    font-size: 1.2rem;
    color: white;
}

/* Skálázás finomítása */

#opinions {
    margin: 5vw auto;
    position: relative;
}

#opinions h2::before {
    content: "";
    display: block;
    width: 16vw;
    height: 27vw;
    position: absolute;
    top: -9vw;
    right: 7vw;
    background-image: url(/wp-content/uploads/2025/08/alloviragok-vilagos-turkiz.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(-90deg);
}

#apply {
    position: relative;
}

.apply-container {
    margin: 2vw auto;
    width: 80%;
    position: relative;
    z-index: 1;
}

.apply-box {
    padding: 1vw 3vw;
    width: 50%;
    float: left;
    margin: auto;
}

.apply-img {
    width: 5vw;
    height: 7vw;
    float: left;
    margin-right: 1.5vw;
}

.apply-box:last-of-type {
    margin-bottom: 5vw;
}

#schedule {
    width: 100%;
    position: relative;
}

#schedule img {
    margin: 2vw auto;
    display: block;
}

.mobile-calendar {
    display: none;
}

#schedule .button {
    margin: 2vw auto;
}

#terapiak {
    margin-top: 8vw;
    position: relative;
}

#terapiak h2::before {
    content: "";
    display: block;
    width: 16vw;
    height: 27vw;
    position: absolute;
    top: -15vw;
    left: 7vw;
    background-image: url(/wp-content/uploads/2025/08/alloviragok-vilagos-turkiz.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(90deg);
}

#terapiak h2 {
    margin: 2vw auto;
}

.terapiak-container {
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;
    margin-top: 3vw;
}

.terapia {
    position: relative;
    overflow: hidden;
    width: 30%;
    transition: 0.5s ease;
    margin-bottom: 5vw;
    border-radius: 3vw;
}

.terapia img {
    width: 100%;
}

.terapia-text {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 22vw;
    padding: 2vw 1vw;
    height: 100%;
    transition: 0.5s ease;
}

.terapia h3 {
    text-align: center;
    margin: 0.8vw 0;
}

.terapia-text p {
    opacity: 1;
    padding: 0 1vw;
    transition: 0.3s ease ease-in;
    opacity: 0;
}

.terapia:hover .terapia-text {
    top: 3vw;
}

.terapia:hover .terapia-text p {
    opacity: 1;
}

#blog {
    position: relative;
    margin-top: 8vw;
}

#blog h2 {
    margin-bottom: 3vw;
}

.articles {
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-evenly;
}

article {
    width: 23%;
    background-color: #cae6e9;
    overflow: hidden;
    border-top-left-radius: 5vw;
    border-bottom-right-radius: 5vw;
    margin-bottom: 2vw;
}

article img {
    width: 100%;
}

#article-container {
    display: flex;
    flex-flow: row wrap;
    margin-top: 5vw;
    justify-content: space-evenly;
}

article {
    width: 30%;
}

article img {
    width: 100%;
}

article p {
    margin-bottom: 1vw;
}

.sidebar-blogbox {
    width: 100%;
}

.article-text a {
    text-decoration: none;
}

.blog-text,
.article-text {
    padding: 1vw;
    margin-bottom: -1vw;
}

#blog .button {
    margin: 2vw auto;
}

#blog::after {
    content: "";
    display: block;
    width: 7vw;
    height: 7vw;
    position: absolute;
    top: 40vw;
    right: 33vw;
    background-image: url(/wp-content/uploads/2025/08/viragok-szines.svg);
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(-90deg);
}

#subscribe {
    background-image: url(/wp-content/uploads/2025/08/subscribe-bg.webp);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 43vw;
    position: relative;
    margin: 5vw auto;
}

.subscribe-img {
    width: 46%;
    float: left;
    margin-top: 8vw;
}

.subscribe-box h2 {
    text-align: left;
}
.subscribe-box {
    width: 38%;
    float: left;
    padding: 2vw;
    margin-left: -9vw;
    margin-top: 7vw;
}

.subscribe-box input {
    width: 100%;
}

/* -------------------------------------------------------------------------- nem főoldal header */

.subhead-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inner-page {
    background-image: url(/wp-content/uploads/2025/10/inner-page2.webp);
    height: fit-content;
    min-height: 30vw;
}

.hatterkep {
    width: 100%;
    position: absolute;
    top: -2vw;
    z-index: 0;
}

.hatterkep img {
    width: 100%;
}

/* ------------------------------------------------------------------------------------------------------- órák aloldal */

.trainings {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 0; /* Biztosítja, hogy ne legyen távolság */
}

/* Egy-egy óra blokkja */
.training {
    position: relative;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    height: 20vw; /* Itt állítsd be a kívánt fix magasságot */
    overflow: hidden; /* Ez vágja le a kilógó képrészeket */
    margin: 0;
    border: 2px solid white;
}

/* Képek kitöltése */
.training img {
    width: 100%;
    height: 100%; /* Kötelező a 100%, hogy kitöltse a szülő magasságát */
    display: block;
    object-fit: cover; /* Ez a kulcs: kitölti a teret torzítás nélkül, a széleket levágja */
    object-position: center; /* A kép közepe maradjon látható */
}

/* Az 50%-os kék fedőréteg */
.training::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 98, 187, 0.5); /* #0062bb 50% átlátszósággal */
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Hover esemény: a réteg eltűnik */
.training:hover::before {
    opacity: 0;
}

/* A szöveg (H3) pozicionálása középre */
.training a:last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* A kék réteg felett maradjon */
    text-decoration: none;
    width: 80%; /* Ne érjen teljesen a széléig a háttér */
    text-align: center;
}

.training h3 {
    display: inline-block;
    background-color: #0062bb; /* Mindig látható háttér */
    color: #ffffff;
    margin: 0;
    padding: 10px 20px;
    font-size: 1.2rem;
    line-height: 1.4;
    text-transform: uppercase;
}

.yoga-classes h2,
.other-classes h2 {
    text-align: center;
}

.yoga-classes,
.other-classes {
    margin-bottom: 10vw;
}

main {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 5vw;
}

.oratarto {
    position: -webkit-sticky; /* Safari támogatás */
    position: sticky;
    top: 30vh;
    z-index: 2;
    border-top-left-radius: 30vw;
    border-top-right-radius: 30vw;
    left: 7vw;
    height: 25vw;
    width: 23vw;
    background-color: white;
}

.orainfo {
    position: relative;
    bottom: -4vw;
    text-align: center;
}

.signin {
    position: relative;
    bottom: -4vw;
}

.signin .button {
    margin: 1vw auto;
}

/* A kép tartója - ez lesz a mandala viszonyítási pontja */
.img-holder {
    position: relative; /* Ez a referenciapont az ::after-nek */
    width: 12vw; /* Itt állítsd be, mekkora legyen maga a kör alakú kép */
    margin: 0 auto; /* Középre teszi a blokkot */
}

.img-holder img {
    width: 100%;
    height: auto;
    z-index: 1;
    border-radius: 100%;
    border: 3px solid #185b78;
    position: relative;
    display: block;
    z-index: 2;
}

/* A mandala most már csak az img-holder-hez igazodik */
.img-holder::after {
    content: "";
    position: absolute;
    width: 140%;
    height: 140%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(var(--scroll-rotate, 0deg));
    background-repeat: no-repeat !important;
    background-size: contain;
    background-position: center;

    z-index: 1; /* A kép mögé kerül */
    transition: transform 0.9s ease-in-out;
    pointer-events: none;
}
/* ------------------------------------------------------------------------------------------------------- oktató aloldal*/

.oktato-kep img {
    width: 100%;
    border-radius: 100%;
    border: 3px solid #185b78;
    position: relative;
    z-index: 1;
}

.oktato-kep {
    position: relative;
    width: 22vw;
    margin-bottom: 5vw;
}

.oktato-kep::after {
    content: "";
    position: absolute;
    display: block;
    width: 32vw;
    height: 32vw;
    left: -4.75vw;
    top: -5vw;
    background: url(/wp-content/uploads/2025/10/mandala10.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(var(--scroll-rotate, 0deg));
    transition: transform 0.9s ease-in-out;
}

.subhead {
    margin-top: 6vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-content {
    width: 60%;
    margin: 2vw auto;
}

.page-content img {
    margin-bottom: 2vw;
}

/* ------------------------------------------------------------------------------------------------------- mandalák*/

/* ------------- Perger Éva*/
.page-id-1778 .oktato-kep::after,
#cat-id-420 .img-holder::after {
    background: url(/wp-content/uploads/2025/10/mandala1.svg) !important;
}

/* ------------- Szokol Tünde */
#cat-id-422 .img-holder::after,
.page-id-1772 .oktato-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala2.svg) !important;
}

/* ------------- Szőllősi Zoltán */
#cat-id-423 .img-holder::after,
.page-id-1774 .oktato-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala3.svg) !important;
}

/* ------------- Kriszta */
#cat-id-421 .img-holder::after,
.page-id-1782 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala10.svg) !important;
}

/* ------------- Betti */
#cat-id-529 .img-holder::after,
.page-id-3247 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala7.svg) !important;
}

/* ------------- Zsolt */
#cat-id-530 .img-holder::after,
.page-id-3245 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala8.svg) !important;
}

/* ------------- Jóga óra */
.page-id-3012 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala3.svg) !important;
}

/* ------------- Jóga óra */
.page-id-3012 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala3.svg) !important;
}

/* ------------- Pilates */
.page-id-1819 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala4.svg) !important;
}

/* ------------- LoveYourBelly */
.page-id-2970 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala5.svg) !important;
}

/* ------------- Rekeszizom torna */
.page-id-2972 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala6.svg) !important;
}

/* ------------- Spirálstabilizációs gerinc tréning */
.page-id-1825 .ora-kep::after {
    background: url(/wp-content/uploads/2025/10/mandala7.svg) !important;
}

/* ------------------------------------------------------------------------------------------------------- óra aloldal*/

.ora-kep img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.ora-kep {
    position: relative;
    width: 36vw;
    margin-bottom: 5vw;
    margin-top: -5vw;
}

.ora-kep::after {
    content: "";
    position: absolute;
    display: block;
    width: 32vw;
    height: 32vw;
    left: 0.25vw;
    top: 0;
    background: url(/wp-content/uploads/2025/10/ora-mandala9.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: rotate(var(--scroll-rotate, 0deg));
    transition: transform 0.9s ease-in-out;
}

.subhead {
    margin-top: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 4vw;
}

/* -------------------------------------------------------------------------- árlista */

#pricelist .prices {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

#pricelist .prices li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #000;
    padding: 6px 0;
    padding-left: 15px;
}

#pricelist .prices li span {
    flex: 1;
    margin-right: 10px;
}

#pricelist .prices li b {
    white-space: nowrap;
}

#pricelist .prices-berlet {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #000;
    padding: 6px 0;
    margin-top: 1rem;
}

#pricelist a {
    margin: 0;
    text-decoration: none;
    cursor: pointer;
}

#pricelist h3 {
    margin-bottom: 10px;
    text-align: center;
}

#pricelist .logo {
    width: 163px;
    height: 140px;
    margin: auto;
    margin-bottom: 50px;
}

#pricelist .logo img {
    opacity: 1 !important;
}

.turquoise {
    color: white;
    background-color: #0197af;
    padding: 10px;
    border-radius: 10px;
}

.blue {
    color: white;
    background-color: #276aba;
    padding: 10px;
    border-radius: 10px;
}

/* ------------------------------------------------------------------------------------------------------- blogoldal*/

.pagination {
    text-align: center;
}

.pagination,
.nav-links {
    padding: 8vw 0;
}

.nav-links a,
.pagination a {
    padding: 1vw;
}

.page-numbers.current {
    padding: 1.5vw;
}

.search-container {
    margin: 2vw auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.keywords {
    width: 60%;
}

#blog-search .searchinput {
    width: 26vw;
}

.search-button img {
    width: 2vw;
    height: 2vw;
}

.search-button {
    cursor: pointer;
    position: relative;
    right: 5vw;
    top: -0.5vw;
    border: none;
    background: none;
}

.pager-bottom {
    width: 25%;
    margin: 3vw auto;
}

#article-container {
    display: flex;
    flex-flow: row wrap;
    margin-top: 5vw;
}

article {
    width: 30%;
}

article img {
    width: 100%;
}

article h5 {
    margin-bottom: 0.5vw;
}

article p {
    margin-bottom: 1vw;
}

.article-title {
    font-weight: 700;
}

.sidebar-blogbox {
    width: 100%;
}

.sidebar-box article {
    width: 100% !important;
}

/*----------------------------------------------------------------------------------------------- blogcikk formázások */

.author p {
    display: inline;
    margin: 5px;
}

.author {
    height: 3vw;
    margin-bottom: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-image {
    width: 3vw;
    margin-right: 1vw;
    border-radius: 5vw;
    overflow: hidden;
}

.single-post-img img {
    width: 100%;
    border-radius: 3vw !important;
}

.single-content,
.single-post-img {
    padding: 0 3vw;
}

.single-content {
    margin-bottom: 6vw;
}

.blog-img-title {
    margin-top: 15px;
}

.emphasis {
    padding: 1.5vw;
}

.sidebar-blogbox {
    margin-bottom: 4vw;
}

.sidebar-title {
    padding: 1.5vw;
}

.recent-blog-posts a {
    text-decoration: none;
    font-weight: 500;
}

.recent-blog-posts li {
    margin-bottom: 1vw;
}

.recent-blog-posts li::before {
    display: none;
}

.blog-bg {
    width: 70%;
    margin: auto;
}

.program-content {
    padding: 0 3vw;
}

/*----------------------------------------------------------------------------------------------------köszönőoldalak */

#thankyou {
    width: 100%;
}

.success {
    width: 14vw;
    height: 16vw;
    margin-top: -9vw;
    margin: auto;
}

#thankyou h2 {
    margin: 4vw 0;
}

#thankyou p {
    width: 75%;
    margin: auto;
}

#thankyou .button {
    margin: 4vw auto;
}

/*------------------------------------------------------------------------------- kapcsolat, jelentkezés---------------*/

input[type="email"],
input[type="text"],
textarea {
    padding: 1.2vw 1.5vw;
    margin: 0.5vw;
    font-size: 1.5vw;
}

input[type="checkbox"] {
    width: 1.5vw;
    height: 1.5vw;
}

.wpcf7-checkbox {
    margin-bottom: 3vw !important;
}

#contact-text input[type="email"],
#contact-text input[type="text"],
#contact-text textarea {
    width: 90% !important;
}

#contact-text textarea {
    height: 15vw;
}

/*-------------------------------------------------------------------------------------------------------404 formázások */

#notfound {
    padding: 20vw;
    margin-top: -15vw;
    margin-bottom: -17vw;
}

#notfound .big-button {
    margin: 3vw auto;
}

.notfound {
    margin-top: -15vw;
    position: relative;
    width: 80%;
    margin-bottom: 4vw;
}

/*--------------------------------------------------------------------------------------------intro----------------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    body {
        font-size: 1.5vw;
    }

    h1 {
        font-size: 3.2vw;
    }

    h2 {
        font-size: 2.1vw;
    }

    h3 {
        font-size: 1.9vw;
        margin-bottom: 0.9vw;
    }

    h4 {
        font-size: 1.6vw;
        margin-bottom: 0.9vw;
    }

    h5 {
        font-size: 1.5vw;
        margin-bottom: 0.7vw;
    }

    h6 {
        font-size: 1.3vw;
        margin-bottom: 0.7vw;
    }

    p,
    ul li,
    a,
    td,
    ::placeholder,
    ul,
    ul li,
    ol,
    ol li {
        font-size: 1.2vw;
        line-height: 1.2;
        margin-bottom: 1vw;
    }

    li:last-of-type {
        margin-bottom: 3vw;
    }

    .primary,
    .button,
    input[type="submit"] {
        padding: 1vw 2.8vw;
        margin: 1.4vw 0;
        border-top-left-radius: 2.5vw;
        border-bottom-right-radius: 2.5vw;
    }

    input[type="search"] {
        padding: 1.5vw 2.4vw;
        margin: 1.5vw 0;
        width: 50%;
        font-size: 1.2vw;
    }

    .primary,
    .button a,
    input[type="submit"] {
        font-size: 1.2vw;
    }

    input[type="tel"],
    input[type="email"],
    input[type="text"],
    textarea {
        padding: 1.7vw 1.9vw;
        border-radius: 1vw;
        margin: 0.5vw;
        font-size: 1.2vw;
    }

    input[type="checkbox"] {
        width: 2.5vw;
        height: 2.5vw;
        margin-right: 1vw;
    }

    .center-box {
        width: 95%;
    }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .threefifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        padding: 0.5vw;
    }

    /* footer formázások */

    footer {
        height: 52vw;
    }

    .nav-useful li a,
    .nav-bottom li a {
        font-size: 1.5vw;
    }

    /* nav formázások */

    #headline {
        padding: 0 2vw;
        height: 6vw;
    }

    .logo {
        width: 12vw;
        height: 3.5vw;
        padding: 0;
        margin-right: 2vw;
    }

    .nav-top {
        margin-top: 1.5vw;
        padding: 0;
    }

    .nav-top li {
        padding: 1vw;
    }

    .nav-top li a {
        font-size: 1.3vw;
    }

    .bottom-line {
        padding: 0 5vw;
        height: 6vw;
        flex-direction: row;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .bottom-line img {
        width: 6.5vw;
        margin-left: 0.75vw;
    }

    .bottom-menu {
        height: 5vw;
        justify-content: center;
        align-items: center;
    }

    .bottom-line p {
        margin-bottom: 2vw;
    }

    .nav-useful li a,
    .nav-bottom li a {
        font-size: 1.2vw;
    }

    #head-text::after {
        right: 0;
        top: 9vw;
        width: 14vw;
        height: 23vw;
    }

    .social img {
        width: 2.75vw;
    }

    header {
        height: 62vw;
    }

    #head-img {
        width: 50%;
        top: 6vw;
        left: 0;
    }

    section h2 {
        margin-bottom: 1.5vw;
    }

    #intro-images img {
        width: 40%;
        position: absolute;
    }

    #intro-images img:nth-of-type(1) {
        border-top-right-radius: 7vw;
        border-bottom-left-radius: 7vw;
        top: -1vw;
    }

    #intro-images img:nth-of-type(2) {
        border-top-left-radius: 7vw;
        border-bottom-right-radius: 7vw;
        top: -12vw;
        right: 2.5vw;
        width: 50%;
    }

    #intro-images img:nth-of-type(3) {
        border-top-left-radius: 7vw;
        border-bottom-right-radius: 7vw;
        bottom: -29vw;
        left: 0;
    }

    #intro-images img:nth-of-type(4) {
        border-top-right-radius: 7vw;
        border-bottom-left-radius: 7vw;
        bottom: -29vw;
        right: 7vw;
    }

    #advantages {
        padding-top: 9vw;
    }

    #advantages h2::after {
        width: 10vw;
        height: 10vw;
        top: 1vw;
        right: 19vw;
    }

    .adv-container {
        margin: 3vw auto;
        width: 90%;
    }

    .adv-img {
        width: 7vw;
        margin-right: 2vw;
    }

    .adv-box:last-of-type {
        margin-bottom: 5vw;
    }

    #advantages h3 {
        margin-bottom: 10vw;
    }

    .training-container .training {
        border-radius: 30vw;
        width: 23%;
        height: 22vw;
        flex: unset;
        margin: 3vw;
        border: 0;
    }

    #trainers .trainers-text {
        padding: 5vw 20vw;
        margin-left: 9vw;
    }

    #trainers-text {
        margin: 10vw 0 !important;
        text-align: center;
    }

    .trainer:hover .trainer-card p {
        font-size: 0.75vw;
        opacity: 1;
    }

    .trainer:hover .button {
        bottom: -0.5vw;
    }

    .trainer:hover .button a {
        font-size: 0.75vw;
    }

    #opinions {
        margin-top: 8vw;
    }

    .apply-box:last-of-type {
        margin-bottom: 8vw;
    }

    #terapiak {
        margin-top: 12vw;
    }

    .terapia:hover .terapia-text {
        top: 3.5vw;
        padding: 2vw 1vw;
    }

    #blog::after {
        width: 10vw;
        height: 10vw;
        top: 49vw;
        right: 23vw;
    }

    .subscribe-box {
        margin-top: 3vw;
    }

    #subscribe {
        margin: 9vw auto;
    }

    #head-text h1 {
        margin-left: -12vw;
        margin-bottom: 0vw;
        z-index: 2;
        position: relative;
        top: 0vw;
    }
}

@media only screen and (min-width: 1025px) {
    /*ez kell ahhoz, hogy ne tűnjön el a mobil nézetben összezárt menü kihúzva desktop nézetre*/
    .nav-top ul {
        display: block !important;
        margin-bottom: 0;
    }

    .nav-top ul li ul li {
        height: auto;
        display: block;
        overflow: hidden;
    }

    .nav-top ul li {
        position: relative;
    }

    .nav-top ul li ul {
        display: none !important;
        position: absolute;
        top: 5.8vw;
        background-color: #002d53;
    }

    .nav-top ul li:hover ul {
        display: none !important;
    }

    .nav-top ul li ul li a {
        white-space: nowrap;
        margin: 0;
        padding: 1vw;
    }

    .nav-top ul li ul li a:hover {
        animation: none;
        border-bottom: none;
    }

    .nav-top ul li ul li ul li {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    /* A fő konténer legyen flexibilis oszlop elrendezésű */
    main {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* A tartalom kerüljön az első helyre (alapértelmezett sorrend megfordítása) */
    .center-box {
        order: 1;
        width: 100%;
    }

    /* Az oratarto kerüljön a második helyre (az oldal aljára) */
    .oratarto {
        order: 2;
        width: 100%;
        height: auto;
        border-radius: 0;
        margin-top: 40px; /* Egy kis távolság a tartalomtól */
        padding: 20px 0;
        margin-bottom: 5vw;
        background-color: #f9f9f9; /* Opcionális: háttérszín az elkülönítéshez */
    }

    /* Stílus az oratarto-img-nek és szövegeknek, hogy jól nézzen ki alul is */
    .trainer-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        max-width: 1200px; /* A weboldalad szélességéhez igazítva */
        margin: 0 auto;
    }

    .img-holder {
        width: 25vw;
    }

    #hamburger {
        display: block;
        width: 100%;
        text-align: right;
        cursor: pointer;
        padding-top: 0;
        padding-right: 3vw;
        color: white;
        font-weight: bold;
        margin-top: 0;
    }

    #hamburger:before {
        content: "Menü";
        font-size: 3vw;
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
    }

    #hamburger:after {
        content: "";
        width: 7vw;
        height: 3.4vw;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        border-top: double 1.5vw white;
        border-bottom: double 1.5vw white;
        transition: all 0.3s ease-in-out;
    }

    .nav-top ul {
        display: none;
        margin-top: 1vw;
    }

    .hambi-open:after {
        height: 0 !important;
        border-top: solid 0.5vw white !important;
        border-bottom: solid 0.5vw white !important;
    }

    .nav-top ul li {
        display: block;
        height: auto;
        background-color: #0062bb;
        /*ez kell, hogy ne nyomorgassa össze a (lenyitós) menüpontokat mobil nézetben*/
    }

    .nav-top ul li a {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .nav-top ul li a:hover {
        border-bottom: none;
    }

    .menu-item-has-children {
        position: relative;
    }

    .open-sub {
        display: block;
        position: absolute;
        width: 100px;
        height: 40px;
        top: 1vw;
        right: 2vw;
    }

    .open-sub:before {
        top: 50%;
        left: 50%;
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-left: 1.5vw solid transparent;
        border-right: 1.5vw solid transparent;
        border-top: 2vw solid white;
        cursor: pointer;
        z-index: 3;
    }

    .sub-open:before {
        border-left: none !important;
        border-right: none !important;
        border-top: 0.7vw solid white !important;
        width: 3vw !important;
    }

    .nav-top ul li ul li {
        display: block;
        line-height: inherit;
    }

    .nav-top li,
    .nav-top ul li ul li {
        padding: 3vw 0;
        width: 100%;
    }

    .sub-menu {
        margin-bottom: -3vw !important;
    }

    .nav-top li a:hover,
    .nav-top li:hover a {
        color: white;
    }

    .head-content {
        flex-direction: column;
        width: 100%;
    }

    #headline {
        top: 0;
    }

    #headline .social {
        display: none;
    }

    .logo img {
        opacity: 0;
        margin: 0;
    }

    .logo a {
        display: block;
        background-image: url(/wp-content/uploads/2025/08/logo-vilagos.svg);
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0;
    }

    .trainer:hover .trainer-card {
        height: fit-content;
    }

    .subhead {
        flex-direction: column;
    }

    /* ----------------------------------------------------------------------------------------- árlista */

    #pricelist .prices {
        margin: 0 0 80px 0;
    }
    #pricelist h3 {
        margin-bottom: 25px;
    }

    #pricelist .prices li {
        padding: 10px 0;
        padding-left: 15px;
    }
}

/* Közepes kijelzők (tablet) -------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body {
        font-size: 2.1vw;
    }

    h1 {
        font-size: 5vw;
    }

    h2 {
        font-size: 3.4vw;
    }

    h3 {
        font-size: 3.2vw;
        margin-bottom: 1vw;
    }

    h4 {
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    h5 {
        font-size: 2.6vw;
        margin-bottom: 1vw;
    }

    h6 {
        font-size: 2.4vw;
        margin-bottom: 1vw;
    }

    p,
    ul li,
    a,
    td,
    ::placeholder,
    ul,
    ul li,
    ol,
    ol li {
        font-size: 2.1vw;
        margin-bottom: 2vw;
    }

    ul li,
    ol li {
        padding-left: 2vw !important;
    }

    li:last-of-type {
        margin-bottom: 6vw !important;
    }

    .primary,
    .button,
    input[type="submit"] {
        padding: 2vw 4vw;
        margin: 3vw auto;
        border-top-left-radius: 3.5vw;
        border-bottom-right-radius: 3.5vw;
    }

    .primary,
    .button a,
    input[type="submit"] {
        font-size: 2.1vw;
    }

    input[type="tel"],
    input[type="email"],
    input[type="search"],
    input[type="text"],
    textarea {
        padding: 2.5vw 3.5vw;
        border-radius: 1vw;
        margin: 1vw;
        font-size: 2.1vw;
        text-align: center !important;
    }

    input[type="checkbox"] {
        width: 2.5vw;
        height: 2.5vw;
        float: left;
        margin: 2vw;
    }

    .center-box {
        width: 90%;
    }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .threefifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        padding: 0;
    }

    /* footer formázások */

    footer {
        clear: both;
        background-size: 100%;
        height: fit-content;
    }

    footer .center-box {
        width: 100%;
    }

    footer ul li:last-of-type {
        margin-bottom: 0;
    }

    .social img {
        width: 5.5vw;
        margin-bottom: 12vw;
        height: 5.5vw;
    }

    .check {
        display: flex;
        justify-content: flex-start;
    }

    footer p {
        margin: 2vw 0;
    }

    #headline {
        width: 100%;
        padding: 0;
        height: 12vw;
        display: block;
    }

    .logo {
        width: 18vw;
        height: 5.5vw;
        padding: 0 1.5vw;
        margin-left: 3vw;
        position: relative;
        top: 2.5vw;
    }

    .nav-top li {
        padding: 2vw 0;
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        transition: ease-out;
        transition-duration: 400ms;
    }

    .nav-top li,
    .nav-top ul li ul li {
        padding: 2vw 0;
        width: 100%;
    }

    .nav-top li:hover {
        background-color: #6727ff;
    }

    .nav-top li a:hover::after {
        width: 00%;
    }

    .nav-top li a {
        font-size: 2.1vw;
        color: white;
    }
    .nav-useful li a,
    .nav-bottom li a {
        font-size: 2.1vw;
    }

    .nav-useful li,
    .nav-bottom li {
        margin-bottom: 0 !important;
    }

    .bottom-line {
        padding: 0vw;
        height: fit-content;
        display: block;
    }

    .bottom-line p {
        margin-top: 0;
        text-align: center;
        padding: 3vw 0;
    }

    .bottom-line {
        padding: 0vw;
        height: fit-content;
        display: flex;
    }

    .bottom-line p {
        margin-top: 0.9vw;
        text-align: center;
        padding: 3vw 0;
    }

    .bottom-line img {
        width: 10vw;
        height: auto;
        margin-left: 1.5vw;
    }
    .nav-useful,
    .nav-bottom {
        margin-bottom: 0;
        width: 100%;
    }

    .nav-useful ul,
    .nav-bottom ul {
        margin: 0;
    }

    .nav-useful li,
    .nav-bottom li {
        padding: 3vw;
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid black;
    }

    .nav-top li:hover {
        background-color: #4173c9;
    }

    .nav-useful li:hover,
    .nav-bottom li:hover {
        background-color: #cae6e9;
    }

    /* nav formázások */

    #headline {
        width: 100%;
        padding: 1vw 0vw;
        height: 8vw;
        display: block;
        padding-bottom: 0;
        position: fixed;
        top: 0;
        background-color: #0062bb;
    }

    .logo {
        width: 19vw;
        height: 6vw;
        padding: 0 1.5vw;
        position: relative;
        top: 1vw;
    }

    .nav-top {
        width: 100%;
        margin-bottom: 0;
        margin-top: 0 !important;
        padding: 0;
        position: relative;
        top: -5vw;
    }

    .nav-top li {
        padding: 2vw;
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        transition: ease-out;
        background-color: #0062bb;
        transition-duration: 400ms;
    }

    .nav-top li a,
    .nav-useful li a,
    .nav-bottom li a {
        font-size: 2.1vw;
    }

    .bottom-line {
        padding: 2vw;
        height: fit-content;
        display: block;
    }

    .bottom-line p {
        margin-top: 0.9vw;
        text-align: center;
        padding: 3vw 0;
    }

    .bottom-line img {
        width: 12vw;
        height: auto;
        margin: auto;
        display: block;
    }

    .nav-useful,
    .nav-bottom {
        margin-bottom: 2vw;
        width: 100%;
    }

    .nav-useful {
        margin-bottom: 5vw !important;
    }

    .bottom-menu {
        height: fit-content;
    }

    footer li {
        padding: 2vw 0;
        display: block;
        width: 100%;
        text-align: center;
    }

    /* főoldal header formázások */

    header {
        background-position: top center;
        height: 120vw;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    footer .one-third {
        width: 100%;
    }

    #head-img {
        width: 70%;
        top: 4vw;
        left: 0;
    }

    #head-text {
        top: 2vw;
        padding: 0 5vw;
        width: 100%;
        text-align: center;
    }

    #head-text h1 {
        margin-left: 0;
        margin-bottom: 3vw;
    }

    #head-text h6 {
        width: 100%;
    }

    #head-text::after {
        width: 20vw;
        height: 40vw;
        right: 0vw;
        top: 19vw;
    }

    /*----------------intro--------------------*/

    #intro-text {
        padding-right: 2vw;
        width: 100%;
    }

    #intro-images {
        right: 0;
        width: 100%;
        float: left;
        height: 43vw;
    }

    #intro-images img {
        width: 35%;
        position: absolute;
    }

    #intro-images img:nth-of-type(1) {
        border-top-right-radius: 13vw;
        border-bottom-left-radius: 13vw;
        top: 5vw;
        left: 7vw;
    }

    #intro-images img:nth-of-type(2) {
        border-top-left-radius: 13vw;
        border-bottom-right-radius: 13vw;
        top: 4vw;
        right: 5.5vw;
        width: 50%;
    }

    #intro-images img:nth-of-type(3) {
        border-top-left-radius: 13vw;
        border-bottom-right-radius: 13vw;
        bottom: -9vw;
        left: 7vw;
    }

    #intro-images img:nth-of-type(4) {
        display: none;
    }

    #advantages {
        padding-top: 18vw;
        position: relative;
    }

    #advantages h2::after {
        width: 12vw;
        height: 13vw;
        top: 14vw;
        right: 1vw;
    }

    .adv-container {
        margin: 5vw auto;
        width: 100%;
    }

    .adv-box {
        padding: 0 2vw;
        width: 50%;
        height: 14vw;
        float: left;
        display: flex;
        margin: auto;
    }

    .adv-img {
        width: 20vw;
        margin-right: 2vw;
    }

    .adv-box:last-of-type {
        margin-bottom: 6vw;
    }

    #advantages h3 {
        clear: both;
        margin: auto;
        width: 80%;
        text-align: center;
        margin-bottom: 11vw;
    }

    /*--------- órák-------------------*/

    #trainings {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
        height: 64vw;
        position: relative;
    }

    #trainings h2::before {
        display: none;
    }

    #trainings .button {
        margin: 2vw auto;
    }

    #trainings::after {
        content: "";
        display: block;
        width: 48vw;
        height: 48vw;
        position: absolute;
        top: 49.2vw;
        left: -18vw;
        background-image: url(/wp-content/uploads/2025/08/mandala.svg);
        background-repeat: no-repeat;
        z-index: 0;
    }

    .training-container .training {
        border-radius: 30vw;
        width: 30%;
        height: 25vw;
        flex: unset;
        margin: 2vw;
        border: 0;
    }

    #trainers h2::before {
        width: 12vw;
        height: 41vw;
        top: 1vw;
        left: 33vw;
    }

    #trainers .trainers-text {
        padding: 0;
        margin-left: 27vw;
    }

    #trainers-text {
        margin: 10vw 0 !important;
    }

    #trainers {
        position: relative;
    }

    #trainers h2 {
        margin-bottom: 3vw;
        margin-top: 8vw;
        text-align: right;
    }

    .trainers-container > div {
        flex: 0 0 calc(50% - 20px); /* Tableten 2 oszlop */
        max-width: calc(50% - 20px);
    }

    .trainer {
        position: relative;
        overflow: visible;
        margin: 3vw;
        width: 40%;
    }

    .trainer img {
        width: 100%;
        border-top-left-radius: 10vw;
    }

    .trainer-card {
        background-color: #0197af;
        position: relative;
        top: -1vw;
        padding: 1vw;
        margin-bottom: 5vw;
        height: auto;
    }

    .trainer-card h3 {
        text-align: center;
        margin: 0.8vw 0;
    }

    .trainer-card p {
        opacity: 1;
        color: white;
    }

    .trainer .button {
        width: 100%;
        border-top-left-radius: 0;
        border-bottom-right-radius: 10vw !important;
        position: absolute;
        bottom: -12vw;
        left: 0;
        padding: 3vw 4vw;
    }

    .trainer:hover {
        transform: scale(1);
    }

    .trainer:hover .trainer-card {
        top: -1vw;
        background-color: #0197af;
    }

    .trainer:hover .trainer-card p {
        font-size: 2.1vw;
        opacity: 1;
    }

    .trainer:hover .trainer-card h3 {
        font-size: 3.2vw;
        color: white;
    }

    .trainer:hover .button {
        padding: 3vw 4vw;
        width: 100%;
        border-radius: 0;
        background-color: #0062bb;
        position: absolute;
        bottom: -12vw;
        left: 0;
    }

    .trainer:hover .button a {
        font-size: 2.1vw;
    }

    .training {
        flex: 0 0 50%;
        max-width: 50%;
        height: 36vw;
    }

    #opinions {
        margin: 20vw auto;
        position: relative;
    }

    #opinions h2::before {
        width: 36vw;
        height: 40vw;
        top: -39vw;
        right: 3vw;
    }

    #apply {
        position: relative;
    }

    .apply-container {
        margin: 2vw auto;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .apply-box {
        padding: 1vw 3vw;
        width: 50%;
        float: left;
        margin: auto;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .apply-img {
        width: 8vw;
        height: 8vw;
        float: none;
        margin: 1.5vw auto;
    }

    .apply-box:last-of-type {
        margin-bottom: 15vw;
    }

    #schedule {
        width: 100%;
        position: relative;
    }

    #schedule img {
        margin: 2vw auto;
        display: block;
    }

    #schedule .button {
        margin: 4vw auto;
    }

    #terapiak {
        margin-top: 18vw;
        position: relative;
    }

    #terapiak h2::before {
        width: 26vw;
        height: 37vw;
        top: -22vw;
        left: 4vw;
    }

    #terapiak h2 {
        margin: 2vw auto;
    }

    .terapiak-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
    }

    .terapia {
        width: 45%;
        margin-bottom: 10vw;
    }

    .terapia img {
        width: 100%;
    }

    .terapia-text {
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        top: 33vw;
        padding: 2vw;
        transition: 0.5s ease;
    }

    .terapia h3 {
        text-align: center;
        margin: 0.8vw 0;
    }

    .terapia:hover .terapia-text {
        top: 5vw;
    }

    #blog {
        position: relative;
        margin-top: 8vw;
    }

    #blog h2 {
        margin-bottom: 3vw;
    }

    .articles {
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: space-evenly;
    }

    article {
        width: 45%;
        background-color: #cae6e9;
        overflow: hidden;
        border-top-left-radius: 10vw;
        border-bottom-right-radius: 10vw;
        margin-bottom: 8vw;
    }

    .blog-text,
    .article-text {
        padding: 1vw;
        margin-bottom: -1vw;
    }

    #blog .button {
        margin: 2vw auto;
    }

    #blog::after {
        display: none;
    }

    #subscribe {
        background-image: url(/wp-content/uploads/2025/08/subscribe-bg.webp);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
        height: 83vw;
        position: relative;
        margin: 5vw auto;
    }

    .subscribe-img {
        width: 75%;
        position: absolute;
        left: -20vw;
        top: 7vw;
    }
    .subscribe-box {
        width: 55%;
        float: right;
        margin-right: 10vw;
    }

    .subscribe-box h2 {
        text-align: left;
    }
    .subscribe-box {
        padding: 2vw;
        margin-left: 0;
        margin-top: 9vw;
    }

    .subscribe-box input {
        width: 100%;
    }

    /* -------------------------------------------------------------------------------------------nem főoldal header  */

    .inner-page {
        height: fit-content !important;
    }

    .subhead-text h1 {
        width: fit-content;
        margin: 2vw auto;
        padding: 3vw;
        background-color: rgb(20, 20, 20, 0);
    }

    .subhead-text {
        width: 100%;
        padding: 14vw 0;
        flex-direction: column-reverse;
    }

    .hatterkep {
        top: 2vw;
    }
    /* ------------------------------------------------------------------------------------oktatói aloldal*/

    .oktato-kep::after {
        width: 46vw;
        height: 46vw;
        left: -7vw;
        top: -7vw;
    }

    .oktato-kep {
        width: 32vw;
        margin-right: 0;
        margin-bottom: 8vw;
    }

    .kiemeles {
        padding: 3vw;
        margin: 4vw 0;
    }

    /* -------------------------------------------------------------------------------------------nem főoldal body */

    .inner-page,
    .subhead-content {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 42vw;
    }

    .subhead {
        margin: 15px;
        text-align: center;
    }

    main {
        flex-direction: column;
        margin-bottom: 8vw;
    }

    .page-img,
    .page-content {
        width: 100%;
        max-width: 100%;
    }

    .page-content {
        padding: 5vw;
    }

    /*-------------------------------------------------------------------------------------------------------blogoldal */

    .pagination,
    .nav-links {
        padding: 15vw 0;
    }

    .nav-links a,
    .pagination a {
        padding: 2vw;
    }

    .page-numbers.current {
        padding: 2.5vw;
    }

    .search-button img {
        width: 3.5vw;
        height: 3.5vw;
    }

    aside .search-button {
        right: 8vw;
        top: -1vw;
    }

    .search-button {
        right: 8vw;
        top: -1vw;
    }

    .search-container {
        margin: 5vw auto;
    }

    #blog-search .searchinput {
        width: 50vw;
    }

    .keywords {
        width: 70%;
        padding: 3vw;
    }

    .pager-bottom {
        width: 60%;
        margin: 5vw auto;
    }

    .active-page {
        padding: 3vw;
    }

    #article-container {
        margin-top: 10vw;
    }

    .after-article {
        padding-top: 9vw;
        margin-bottom: -8vw;
    }

    article {
        width: 40%;
        margin: 3vw;
    }

    .article-text {
        padding: 3vw;
    }

    article h5 {
        margin-bottom: 2vw;
        text-align: center;
    }

    article p {
        margin-bottom: 3vw;
    }

    .program-card {
        width: 45%;
        margin: 4vw auto;
        border-radius: 4vw;
    }

    .program-text {
        padding: 2vw;
    }

    .event-date-overlay {
        padding: 15px;
        border-radius: 4vw;
    }

    .blog-bg {
        width: 95%;
    }

    /*-----------------------------------------------------------------------------------------keresési találatok--------------*/

    #search-results {
        width: 100%;
    }

    /*----------------------------------------------------------------------------------------------------- blogcikk formázások */

    .author {
        height: 4vw;
        margin-bottom: 4vw;
        display: flex;
        align-items: center;
    }

    .author p {
        display: inline;
        margin: 10px;
    }

    .author-image {
        width: 4vw;
        margin-right: 1vw;
    }

    #single-post .one-third,
    #single-post .two-third {
        width: 100%;
    }

    .single-content,
    .single-post-img {
        padding: 1vw 2vw;
    }

    .blog-img-title {
        margin-top: 15px;
        width: 85.5%;
    }

    .single-content img {
        width: 100%;
        margin: 2vw 0;
    }

    .article-tags {
        margin: 2vw 0;
        text-align: center;
    }

    .wp-block-tag-cloud a {
        font-size: 1.75vw !important;
    }

    .recent-blog-posts li {
        margin-bottom: 3vw;
    }

    .single-content h2,
    .single-content h3,
    .single-content h4,
    .single-content h5,
    .single-content h6 {
        margin-top: 3.5vw !important;
        text-align: left !important;
    }

    aside .one-third {
        padding: 0 13vw;
        width: 100%;
    }

    .sidebar-box {
        padding-bottom: 3vw;
        text-align: center;
    }

    #sidebar-introduce {
        width: 50%;
        margin: 0 auto;
    }

    #sidebar-introduce .button {
        margin: 0 auto;
    }

    #sidebar-blog {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }

    .sidebar-blogbox {
        width: 45%;
        text-align: left;
        padding-bottom: 3vw;
    }

    .sidebar-blogbox p,
    .sidebar-blogbox h6 {
        margin: 2vw 0 !important;
        padding: 0 2vw;
    }

    .sidebar-blogbox .button {
        margin-left: 2vw;
    }

    .sidebar-title {
        margin: 5vw 0;
        margin-left: 0vw;
        padding: 2vw;
        text-align: center;
    }

    /*---------------------------------------------------------------------------------------------köszönőoldalak */

    #thankyou {
        margin: 0 auto;
        text-align: center;
    }

    .success {
        width: 20vw;
        height: 19vw;
        margin-top: -17vw;
        position: relative;
    }

    #thankyou h2 {
        margin: 4vw 0;
    }

    #thankyou p {
        width: 80%;
        margin: 4vw auto;
    }

    #thankyou .button {
        margin: 4vw auto;
    }

    /*----------------------------------------------------------------------------------------------- kapcsolat, jelentkezés*/

    #contact-page {
        position: relative;
    }

    #contact-page .one-half {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #contact-page img {
        width: 65%;
        margin: 0 auto;
    }

    #contact-text {
        margin-top: 3vw;
        padding-left: 0vw;
        text-align: center;
    }

    .contact-box {
        margin-top: 2vw;
    }

    .contact-box [type="email"],
    .contact-box input[type="text"],
    .contact-box input[type="tel"],
    .contact-box textarea {
        width: 95% !important;
    }

    input[type="email"],
    input[type="text"],
    textarea {
        padding: 2.5vw 3.5vw;
        margin: 1vw;
        font-size: 2.1vw;
        text-align: center !important;
    }

    input[type="checkbox"] {
        width: 2.5vw;
        height: 2.5vw;
        margin-right: 2vw;
    }

    .wpcf7-checkbox {
        margin-bottom: 3vw !important;
        text-align: left;
    }

    .wpcf7-form label {
        margin-top: 2.5vw;
        width: 100%;
    }

    /* -------------------------------------------------------------------------------------------------------404 formázások */

    #notfound {
        padding: 0;
        margin-top: 0vw;
        padding-bottom: 21vw;
    }

    #notfound h5 {
        margin: 5vw auto;
    }

    #notfound .big-button {
        margin: 5vw auto;
    }
}

/* mobil  ------------------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
    .nav-top li a:hover,
    .nav-top li:hover a {
        color: white;
    }

    .nav-useful li:hover,
    .nav-bottom li:hover {
        background-color: #0197af;
    }

    body {
        font-size: 4vw;
    }

    h1 {
        font-size: 7vw;
    }

    h2 {
        font-size: 6vw;
    }

    h3 {
        font-size: 5.5vw;
        margin-bottom: 1vw;
    }

    h4 {
        font-size: 5vw;
        margin-bottom: 1vw;
    }

    h5 {
        font-size: 4.7vw;
        margin-bottom: 1vw;
    }

    h6 {
        font-size: 4.3vw;
        margin-bottom: 1vw;
    }

    p,
    ul li,
    a,
    td,
    ::placeholder,
    ul,
    ul li,
    ol,
    ol li {
        font-size: 4vw;
        margin-bottom: 4vw;
    }

    ul li,
    ol li {
        padding-left: 3vw;
    }

    li:last-of-type {
        margin-bottom: 12vw;
    }

    .primary,
    .button,
    input[type="submit"] {
        padding: 4vw 9vw;
        border-radius: 2vw;
        margin: 4vw 0;
        text-align: center;
    }

    .primary,
    .button a,
    input[type="submit"] {
        font-size: 4vw;
    }

    input[type="search"],
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    textarea {
        width: 100%;
        padding: 6.5vw 7.5vw;
        border-radius: 2vw;
        margin: 1vw auto;
        margin-bottom: 4vw;
        font-size: 5vw;
    }

    input[type="checkbox"] {
        width: 7vw;
        height: 7vw;
        float: left;
        margin: 3vw;
    }

    .center-box {
        width: 90%;
    }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .threefifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        padding: 0;
    }

    /* footer formázások */

    footer {
        clear: both;
        background-position: bottom 93vw left;
        background-repeat: no-repeat;
        overflow: hidden;
        height: fit-content;
    }

    .foot-logo {
        width: 26vw;
        margin: 8vw auto;
    }

    .social img {
        width: 10vw;
        height: 10vw;
        margin: 5vw;
    }

    .check {
        display: flex;
        justify-content: flex-start;
    }

    footer p {
        margin: 2vw 0;
    }

    footer .one-third:nth-of-type(2) {
        padding: 6vw 0;
    }

    /* -----------------------------------------------------------------------------------------nav formázások */

    #headline {
        width: 100%;
        padding: 0vw;
        padding-top: 5vw;
        height: 18vw;
        display: block;
        z-index: 12;
    }

    .logo {
        width: 28vw;
        height: 10vw;
        padding: 0 2vw;
        position: absolute;
        top: 3vw;
        left: 1vw;
    }

    .nav-top {
        width: 100%;
    }

    .nav-top ul {
        margin-top: 3vw;
        margin-bottom: 0;
    }

    .sub-menu {
        margin-bottom: -6vw !important;
    }

    #hamburger {
        margin-top: 4vw;
    }

    #hamburger:before {
        font-size: 5vw;
    }

    .nav-top li {
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        transition: ease-out;
        transition-duration: 400ms;
    }

    .open-sub {
        display: block;
        position: absolute;
        width: 100px;
        height: 40px;
        top: 1vw;
        right: 2vw;
    }

    .nav-top li,
    .nav-top ul li ul li {
        padding: 4vw 0;
    }

    .nav-top li:hover {
        background-color: #6727ff;
    }

    .nav-top li a:hover::after {
        width: 00%;
    }

    .nav-top li a {
        font-size: 4vw;
        color: white;
    }

    .nav-useful li a,
    .nav-bottom li a {
        font-size: 4vw;
        color: black;
    }

    .bottom-line {
        padding: 4vw;
        height: fit-content;
        display: block;
        text-align: center;
    }
    .bottom-line img {
        width: 20vw;
        height: auto;
        margin: 5vw auto;
        display: block;
    }

    .nav-useful,
    .nav-bottom {
        margin-bottom: 0;
        width: 100%;
    }

    .nav-useful ul,
    .nav-bottom ul {
        margin: 0;
    }

    .nav-useful li,
    .nav-bottom li {
        padding: 5vw;
        display: block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid white;
    }

    .nav-useful li:hover,
    .nav-bottom li:hover {
        background-color: #cae6e9;
    }

    /* nav formázások */

    #headline {
        width: 100%;
        padding: 0;
        padding-top: 0vw;
        height: 15vw;
        display: block;
        position: fixed;
        z-index: 2;
        background-color: #0062bb;
    }

    .logo {
        width: 32vw;
        height: 12vw;
        padding: 0 2vw;
        border-radius: 7vw;
    }

    .nav-top {
        width: 100%;
        padding: 0;
    }

    .nav-top li {
        padding: 4vw;
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        transition: ease-out;
        transition-duration: 400ms;
    }

    .nav-top li a {
        font-size: 4vw;
        color: white;
    }

    .nav-useful li a,
    .nav-bottom li a {
        font-size: 4vw;
    }

    .bottom-line {
        padding: 4vw;
        height: fit-content;
        display: block;
        text-align: center;
    }
    .bottom-line img {
        width: 20vw;
        height: auto;
        margin: 5vw auto;
    }

    .bottom-menu {
        text-align: center;

        height: fit-content;
        clear: both;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-useful,
    .nav-bottom {
        margin-bottom: 4vw;
        width: 100%;
    }

    .nav-useful li,
    .nav-bottom li {
        padding: 4vw;
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid black;
        margin: 0;
    }

    footer .center-box {
        width: 100%;
    }

    /* főoldal header formázások */

    header {
        background-position: top center;
        height: fit-content;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        margin-bottom: 8vw;
    }

    footer .one-third {
        width: 100%;
    }

    #head-img {
        width: 90%;
        top: 15vw;
        left: 0;
    }

    #head-text {
        top: 23vw;
        padding: 0 5vw;
        width: 100%;
        text-align: center;
    }

    #head-text h1 {
        margin-left: 0;
        margin-bottom: 3vw;
    }

    #head-text .button {
        margin: 5vw auto;
    }

    #head-text h6 {
        width: 100%;
    }

    #head-text::after {
        width: 20vw;
        height: 40vw;
        right: 0vw;
        top: 55vw;
    }

    /*----------------intro--------------------*/

    #intro-text {
        padding-right: 2vw;
        width: 100%;
    }

    #intro-images {
        right: 0;
        width: 100%;
        float: left;
        height: 43vw;
    }

    #intro-images img {
        width: 35%;
        position: absolute;
    }

    #intro-images img:nth-of-type(1) {
        border-top-right-radius: 13vw;
        border-bottom-left-radius: 13vw;
        top: 5vw;
        left: 7vw;
    }

    #intro-images img:nth-of-type(2) {
        border-top-left-radius: 13vw;
        border-bottom-right-radius: 13vw;
        top: 4vw;
        right: 5.5vw;
        width: 50%;
    }

    #intro-images img:nth-of-type(3) {
        border-top-left-radius: 13vw;
        border-bottom-right-radius: 13vw;
        bottom: -9vw;
        left: 7vw;
    }

    #intro-images img:nth-of-type(4) {
        display: none;
    }

    #advantages {
        padding-top: 20vw;
        position: relative;
    }

    #advantages h2::after {
        width: 15vw;
        height: 15vw;
        top: 14vw;
        right: 1vw;
    }

    .adv-container {
        margin: 5vw auto;
        width: 100%;
    }

    .adv-box {
        padding: 0 2vw;
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 7vw;
    }

    .adv-img {
        width: 15vw;
        margin-right: 0;
        margin: 2vw;
    }

    .adv-box:last-of-type {
        margin-bottom: 15vw;
    }

    #advantages h3 {
        clear: both;
        margin: auto;
        width: 90%;
        text-align: center;
        margin-bottom: 20vw;
    }

    /*--------- órák-------------------*/

    #trainings {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
        height: fit-content;
        position: relative;
    }

    #trainings h2::before {
        display: none;
    }

    #trainings .button {
        margin: 2vw auto;
    }

    .training-container {
        flex-direction: column;
    }

    .training {
        width: 70%;
        margin: 8vw auto;
    }

    #trainings::after {
        content: "";
        display: block;
        width: 48vw;
        height: 48vw;
        position: absolute;
        top: 49.2vw;
        left: -18vw;
        background-image: url(/wp-content/uploads/2025/08/mandala.svg);
        background-repeat: no-repeat;
        z-index: 0;
        display: none;
    }

    #trainers h2::before {
        width: 12vw;
        height: 41vw;
        top: 1vw;
        left: 33vw;
        display: none;
    }

    #trainers .trainers-text {
        padding: 0;
        margin-left: 0;
    }

    #trainers-text {
        margin: 20vw 0 !important;
    }

    #trainers {
        position: relative;
    }

    #trainers h2 {
        margin-bottom: 3vw;
        margin-top: 18vw;
        text-align: center;
    }

    .trainers-container > div {
        flex: 0 0 100%; /* Mobilon 1 oszlop */
        max-width: 100%;
    }

    .trainers-container {
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: space-evenly;
        flex-direction: column;
        padding: 4vw 0;
    }

    .training-container .training {
        border-radius: 30vw;
        width: 90%;
        height: 40vw;
        flex: unset;
        margin: 5vw;
        border: 0;
    }

    .training {
        flex: 0 0 100%;
        max-width: 100%;
        height: 70vw;
    }

    .trainer {
        position: relative;
        overflow: visible;
        margin: 5vw auto;
        width: 80%;
    }

    .trainer img {
        width: 100%;
        border-top-left-radius: 10vw;
    }

    .trainer-card {
        background-color: #0197af;
        position: relative;
        top: -1vw;
        padding: 1vw;
        margin-bottom: 5vw;
    }

    .trainer-card h3 {
        text-align: center;
        margin: 0.8vw 0;
    }

    .trainer-card p {
        opacity: 1;
        color: white;
    }

    .trainer .button {
        width: 100%;
        border-top-left-radius: 0;
        border-bottom-right-radius: 10vw !important;
        position: absolute;
        bottom: -12vw;
        left: 0;
        padding: 3vw 4vw;
    }

    .trainer:hover {
        transform: scale(1);
    }

    .trainer:hover .trainer-card {
        top: -1vw;
        background-color: #0197af;
    }

    .trainer:hover .trainer-card p {
        font-size: 4vw;
        opacity: 1;
    }

    .trainer:hover .trainer-card h3 {
        font-size: 5.5vw;
        color: white;
    }

    .trainer:hover .button {
        padding: 3vw 4vw;
        width: 100%;
        border-radius: 0;
        background-color: #0062bb;
        position: absolute;
        bottom: -12vw;
        left: 0;
    }

    .trainer:hover .button a {
        font-size: 4vw;
    }

    #opinions {
        margin: 20vw auto;
        position: relative;
    }

    #opinions h2::before {
        width: 36vw;
        height: 40vw;
        top: -39vw;
        right: 3vw;
    }

    #apply {
        position: relative;
    }

    .apply-container {
        margin: 2vw auto;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .apply-box {
        padding: 1vw 3vw;
        width: 100%;
        float: left;
        margin: auto;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .apply-img {
        width: 8vw;
        height: 8vw;
        float: none;
        margin: 1.5vw auto;
    }

    .apply-box:last-of-type {
        margin-bottom: 15vw;
    }

    #schedule {
        width: 100%;
        position: relative;
    }

    #schedule img {
        margin: 2vw auto;
        display: block;
    }

    #schedule .button {
        margin: 4vw auto;
    }

    #terapiak {
        margin-top: 18vw;
        position: relative;
    }

    #terapiak h2::before {
        width: 26vw;
        height: 37vw;
        top: -22vw;
        left: 4vw;
    }

    #terapiak h2 {
        margin: 2vw auto;
    }

    .terapiak-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
    }

    .terapia {
        width: 90%;
        margin-bottom: 15vw;
    }

    .terapia img {
        width: 100%;
    }

    .terapia-text {
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        top: 63vw;
        padding: 6vw;
        transition: 0.5s ease;
    }

    .terapia h3 {
        text-align: center;
        margin: 0.8vw 0;
    }

    .terapia:hover .terapia-text {
        top: 8vw;
    }

    .terapia .button {
        margin: 5vw auto;
    }

    #blog {
        position: relative;
        margin-top: 8vw;
    }

    #blog h2 {
        margin-bottom: 3vw;
    }

    .articles {
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: space-evenly;
    }

    article {
        width: 90%;
        background-color: #cae6e9;
        overflow: hidden;
        border-top-left-radius: 10vw;
        border-bottom-right-radius: 10vw;
        margin-bottom: 14vw;
    }

    .blog-text,
    .article-text {
        padding: 3vw;
        margin-bottom: -1vw;
    }

    #blog .button {
        margin: 2vw auto;
    }

    #blog::after {
        display: none;
    }

    #subscribe {
        background-image: url(/wp-content/uploads/2025/08/subscribe-bg.webp);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: bottom left;
        background-repeat: no-repeat;
        width: 100%;
        height: 183vw;
        position: relative;
        margin: 5vw auto;
    }

    .subscribe-img {
        width: 95%;
        position: absolute;
        left: 0;
        top: 1vw;
    }
    .subscribe-box {
        width: 90%;
        padding: 0;
        margin-left: 5%;
        position: relative;
        top: 86vw;
        margin-right: 0;
        float: none;
    }

    .subscribe-box h2 {
        text-align: left;
    }

    .subscribe-box input {
        width: 100%;
    }

    /*----------------------------------------------------------------------------------------- nem főoldal header    */

    .inner-page {
        min-height: 130vw;
    }

    .subhead-text h1 {
        width: fit-content;
        margin: 2vw auto;
        padding: 11vw 2vw;
        background-color: rgb(61, 0, 188, 0);
    }

    .subhead-title h1 {
        background-color: rgba(0, 45, 83, 0.75);
        padding: 3.5vw;
    }

    .subhead-text {
        width: 100%;
        padding: 14vw 0;
        flex-direction: column-reverse;
    }

    .subhead-content {
        padding: 15vw 5vw;
    }

    .subhead {
        margin-top: 0;
    }

    .hatterkep {
        top: 3vw;
    }

    /* ------------------------------------------------------------------------------------órák aloldal*/

    .trainings .training {
        width: 90%;
        margin-bottom: 2vw;
    }

    /* ------------------------------------------------------------------------------------oktatói aloldal*/

    .oktato-kep::after {
        width: 87vw;
        height: 87vw;
        left: -14.5vw;
        top: -15vw;
    }

    .oktato-kep {
        width: 57vw;
        margin-right: 0;
        margin-bottom: 18vw;
    }

    .oktato-kep img {
        border: 5px solid #185b78;
    }

    /* -------------------------------------------------------------------------------------------nem főoldal body */

    .inner-page,
    .subhead-title,
    .subhead-title {
        width: 100%;
        height: fit-content;
        text-align: center;
    }

    main {
        flex-direction: column;
        margin-bottom: 16vw;
    }

    .page-img,
    .page-content {
        width: 100%;
        max-width: 100%;
    }

    /* ----------------------------------------------------------------------------------------- blogoldal */

    .pagination,
    .nav-links {
        padding: 20vw 0;
    }

    .nav-links a,
    .pagination a {
        padding: 3vw;
    }

    .page-numbers.current {
        padding: 3.5vw;
    }

    #blog-search,
    #blog-search .searchinput {
        width: 100%;
        margin: 3vw auto;
    }

    .search-button img {
        width: 7vw;
        height: 7vw;
    }

    aside .search-button {
        right: -79vw;
        top: -16.7vw;
    }

    .search-button {
        right: -74vw;
        top: -16.7vw;
    }

    .search-container {
        margin: 5vw auto;
    }

    .keywords {
        width: 90%;
        display: inline;
    }

    .keywords a {
        float: left;
        padding: 4vw 6vw;
    }

    .recent-blog-posts li {
        margin-bottom: 4vw;
    }

    .pager-bottom {
        width: 90%;
        margin: 10vw auto;
    }

    .active-page {
        padding: 5vw;
    }

    #article-container {
        margin-top: 10vw;
        clear: both;
    }

    .after-article {
        padding-top: 9vw;
        margin-bottom: -8vw;
    }

    article {
        width: 100%;
        margin: 5vw;
    }

    .article-text {
        padding: 5vw;
    }

    article h5 {
        margin: 2vw 0;
    }

    article p {
        margin-bottom: 2vw;
    }

    .program-card {
        width: 95%;
        margin: 9vw auto;
        border-radius: 4vw;
    }

    .program-text {
        padding: 2vw;
    }

    .event-date-overlay {
        padding: 15px;
        border-radius: 4vw;
    }

    .blog-bg {
        width: 100%;
    }

    /*-----------------------------------------------------------------------------------keresési találatok--------------*/

    #search-results article {
        width: 100%;
    }

    #search-results article:nth-of-type(1),
    #search-results article:nth-of-type(3),
    #search-results article:nth-of-type(5),
    #search-results article:nth-of-type(7) {
        background: linear-gradient(-45deg, #fcfcfc, transparent) #e2eaff;
    }

    #search-results article:nth-of-type(2),
    #search-results article:nth-of-type(4),
    #search-results article:nth-of-type(6),
    #search-results article:nth-of-type(8) {
        background: linear-gradient(-45deg, #fcfcfc, transparent) #fbe4f4;
    }

    /*----------------------------------------------------------------------------------------- blogcikk formázások*/

    .author p {
        display: inline;
        margin: 10px;
    }

    .author {
        height: 5vw;
        margin-bottom: 5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .author-image {
        width: 7vw;
        margin-right: 2vw;
    }

    .date::before {
        margin: 0 4vw;
    }

    .single-content {
        padding: 5vw;
        padding-top: 0;
    }

    .single-post-img {
        padding: 0;
    }

    .single-post-img {
        position: relative;
    }

    .blog-img-title {
        position: static;
        width: 100%;
        text-align: left;
        background-color: rgb(61, 0, 188, 0);
        padding: 3vw;
    }

    .article-tags {
        margin: 6vw 0;
        text-align: center;
    }

    .wp-block-tag-cloud a {
        font-size: 4vw !important;
    }

    .date,
    .blog-img-title h2 {
        color: #141414;
        margin: 3vw 0;
    }

    .single-content img {
        margin: 5vw 0;
    }

    .single-content h2,
    .single-content h3,
    .single-content h4,
    .single-content h5,
    .single-content h6 {
        margin-top: 8vw !important;
        margin-bottom: 3vw;
        line-height: 1.2;
        text-align: left;
    }

    .emphasis {
        padding: 4vw;
    }

    .single-content p {
        line-height: 1.3;
    }

    aside .one-third {
        padding: 4vw;
    }

    .sidebar-box {
        padding-bottom: 4vw;
    }

    aside ul li::before {
        content: none;
    }

    .sidebar-title {
        margin: 5vw 0;
        margin-left: 0;
        padding: 4vw;
        text-align: center;
    }

    .sidebar-blogbox {
        margin-bottom: 10vw;
        padding-bottom: 5vw;
        box-shadow:
            rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
            rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
        width: 90%;
        margin: 12vw auto;
    }

    .sidebar-blogbox p,
    .sidebar-blogbox h6 {
        margin: 4vw 0 !important;
        padding: 0 3vw;
        text-decoration: none !important;
    }

    .sidebar-blogbox .button {
        margin-left: 3vw;
    }

    /*--------------------------------------------------------------------- kapcsolat, jelentkezés---------------*/

    #contact-page img {
        width: 90%;
    }

    #contact-text {
        margin-top: 3vw;
        padding-left: 0vw;
        text-align: center;
    }

    .contact-box [type="email"],
    .contact-box input[type="text"],
    .contact-box input[type="tel"],
    .contact-box textarea {
        width: 95% !important;
    }

    input[type="email"],
    input[type="text"],
    textarea {
        padding: 6.5vw 7.5vw;
        margin: 2vw;
        text-align: center !important;
    }

    input[type="checkbox"] {
        width: 6vw;
        height: 6vw;
        margin-right: 3vw;
    }

    .wpcf7-checkbox {
        margin-bottom: 3vw !important;
        text-align: left;
    }

    .wpcf7-form label {
        margin-top: 8.5vw;
        width: 100%;
    }

    #contact-text input[type="email"],
    #contact-text input[type="text"],
    #contact-text textarea {
        width: 100% !important;
    }

    #contact-text textarea {
        height: 42vw;
    }

    .margintop {
        margin-top: 15vw !important;
    }

    #contact-text input[type="submit"] {
        margin: 5vw 0 !important;
    }

    .wpcf7-list-item {
        margin-bottom: 8vw !important;
    }

    .check p {
        text-align: left;
    }

    /* -----------------------------------------------------------------------------------------404 formázások */

    #notfound h3 {
        margin: 2vw auto;
        padding: 3vw;
    }

    #notfound {
        padding: 5vw;
        margin-top: 0;
        margin-bottom: 0vw;
        line-height: 1.4;
    }

    .notfound {
        margin-bottom: 2vw;
        width: 90%;
    }

    #notfound .big-button {
        margin: 5vw auto;
    }

    /*------------köszönőoldalak-----------------*/
    #thankyou {
        padding: 5vw 10vw;
        margin-top: 0vw;
    }

    .success {
        width: 32vw;
        height: 34vw;
        margin: auto;
        margin-top: -22vw;
        position: relative;
    }

    #thankyou h2 {
        margin: 6vw 0;
    }

    #thankyou p {
        width: 100%;
        margin: 6vw auto;
    }

    #thankyou .button {
        margin: 8vw auto;
    }

    .img-holder {
        width: 42vw;
    }

    .kiemeles {
        padding: 4vw;
        margin: 9vw 0;
    }
}