.eszterhzy-hrlevl {
--spacing-unit: 8px;
--space-section-top: 32px;
--space-section-bottom: 96px;
--space-article-flow: 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.eszterhzy-hrlevl .header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 11px 40px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
background-color: #152452;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame {
display: flex;
width: 100%;
max-width: 1076px;
height: 62px;
align-items: center;
justify-content: center;
gap: 247px;
position: relative;
}
.eszterhzy-hrlevl .div {
display: inline-flex;
height: 62px;
align-items: center;
gap: 17px;
position: relative;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .layer {
position: relative;
width: 110px;
height: 46px;
}
.eszterhzy-hrlevl .vector {
position: relative;
width: 1px;
height: 39px;
}
.eszterhzy-hrlevl .frame-wrapper {
display: flex;
width: 416px;
height: 62px;
align-items: flex-start;
gap: 70px;
position: relative;
}
.eszterhzy-hrlevl .div-wrapper {
width: 483px;
height: 62px;
margin-right: -67px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 60px;
position: relative;
}
.eszterhzy-hrlevl .frame-2 {
height: 62px;
display: flex;
align-items: flex-start;
gap: 12px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .frame-3 {
height: 62px;
flex: 1;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
position: relative;
}
.eszterhzy-hrlevl .frame-4 {
display: flex;
flex-direction: column;
height: 62px;
align-items: flex-start;
gap: 18px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .eszterh-zy-h-rlev-l {
position: relative;
align-self: stretch;
margin-top: -1px;
margin-bottom: -3px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--fefefe);
font-size: 36px;
letter-spacing: 0.36px;
line-height: 66px;
}
.eszterhzy-hrlevl .frame-5 {
display: inline-flex;
height: 62px;
align-items: center;
gap: 31px;
position: relative;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .frame-6 {
display: inline-flex;
height: 45px;
align-items: center;
gap: 15px;
position: relative;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .frame-7 {
display: inline-flex;
align-items: flex-start;
gap: 24px;
position: relative;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .text-wrapper {
position: relative;
width: fit-content;
margin-top: -1px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #fdfdfd;
font-size: 14px;
letter-spacing: 0;
line-height: 17px;
white-space: nowrap;
}
.eszterhzy-hrlevl .img {
position: relative;
width: 1px;
height: 20px;
margin-right: -0.5px;
}
.eszterhzy-hrlevl .rectangle {
position: absolute;
top: 21px;
left: 982px;
width: 246px;
height: 28px;
}
.eszterhzy-hrlevl .nav-bar {
position: sticky;
top: 0;
z-index: 100;
width: 100%;
height: 60px;
margin-left: 0;
margin-right: 0;
background-color: #f9f0dc;
border: 1px solid;
border-color: #ebcdaa;
box-shadow: 16px 20px 28px #193f640a;
box-sizing: border-box;
transition:
box-shadow 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease;
}
.eszterhzy-hrlevl .nav-bar.scrolled {
background-color: #f5e8c8;
box-shadow: 0 4px 20px rgba(25, 63, 100, 0.18);
border-color: #d4aa7a;
}
.eszterhzy-hrlevl .mobile-menu-toggle {
display: none;
}
.eszterhzy-hrlevl .mobile-menu-overlay {
display: none;
}
body.mobile-menu-open {
overflow: hidden;
}
.eszterhzy-hrlevl .ornament {
position: absolute;
top: calc(50% - 30px);
left: 54px;
width: 238px;
height: 58px;
}
.eszterhzy-hrlevl .ornament-2 {
position: absolute;
top: calc(50% - 30px);
left: 1126px;
width: 275px;
height: 58px;
}
.eszterhzy-hrlevl .frame-8 {
display: inline-flex;
height: 38px;
align-items: center;
justify-content: center;
gap: 6px;
position: absolute;
top: calc(50% - 19px);
left: calc(50% - 542px);
}
.eszterhzy-hrlevl .info-item {
display: flex;
flex-direction: column;
width: 121px;
align-items: center;
justify-content: center;
gap: 16px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-2 {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 19.2px;
}
.eszterhzy-hrlevl .rectangle-2 {
position: relative;
align-self: stretch;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .info-item-2 {
width: 146px;
justify-content: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .info-item-3 {
width: 91px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .info-item-4 {
width: 47px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .info-item-5 {
width: 69px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .rectangle-3 {
position: relative;
flex: 1;
width: 1px;
flex-grow: 1;
margin-bottom: -16px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .info-item-6 {
width: 41px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .info-item-7 {
width: 85px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .text-wrapper-3 {
position: relative;
width: 86px;
margin-top: -1px;
margin-left: -0.5px;
margin-right: -0.5px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 19.2px;
}
.eszterhzy-hrlevl .info-item-8 {
width: 77px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .info-item-9 {
width: 96px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .text-wrapper-4 {
position: relative;
width: 106px;
margin-top: -1px;
margin-left: -5px;
margin-right: -5px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 19.2px;
}
.eszterhzy-hrlevl .info-item-10 {
width: 56px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .text-wrapper-5 {
position: relative;
width: 59px;
margin-top: -1px;
margin-left: -1.5px;
margin-right: -1.5px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 19.2px;
}
.eszterhzy-hrlevl .info-item-11 {
width: 123px;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .text-wrapper-6 {
position: relative;
width: 128px;
margin-top: -1px;
margin-left: -2.5px;
margin-right: -2.5px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 19.2px;
}
.eszterhzy-hrlevl .frame-9 {
position: relative;
width: 100vw;
height: 7px;
background-color: #dec797;
margin-left: calc(-50vw + 50%);
}
.eszterhzy-hrlevl .ez-trtnt-a-hten {
display: flex;
flex-direction: column;
width: 100%;
min-height: unset;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 30px 138px;
position: relative;
background-color: #ffffff;
box-sizing: border-box;
}
.eszterhzy-hrlevl .div-2 {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1066px;
min-height: 82px;
height: auto;
align-items: flex-start;
column-gap: 10px;
row-gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-10 {
display: flex;
width: 520px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-11 {
display: flex;
height: 94px;
align-items: center;
gap: 70px;
position: relative;
flex: 1;
flex-grow: 1;
margin-top: -6px;
margin-bottom: -6px;
}
.eszterhzy-hrlevl .frame-12 {
display: flex;
flex-direction: column;
width: 338px;
height: 62px;
align-items: flex-start;
gap: 60px;
position: relative;
}
.eszterhzy-hrlevl .frame-13 {
display: flex;
flex-direction: column;
height: 62px;
align-items: flex-start;
gap: 12px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .frame-14 {
display: flex;
flex-direction: column;
height: 62px;
align-items: flex-start;
gap: 24px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .text-wrapper-7 {
position: relative;
width: 498px;
height: 66px;
margin-top: -1px;
margin-bottom: -3px;
margin-right: -160px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
white-space: nowrap;
}
.eszterhzy-hrlevl .frame-15 {
position: relative;
width: 546.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .news-container {
display: flex;
width: 100%;
max-width: 1043px;
height: auto;
min-height: 290px;
align-items: flex-start;
gap: 52px;
position: relative;
}
.eszterhzy-hrlevl .div-3 {
align-items: flex-start;
display: flex;
width: 483px;
max-width: 483px;
min-height: 290px;
height: auto;
gap: 70px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.eszterhzy-hrlevl .div-3:hover .img-2 {
transform: scale(1.08);
}
.eszterhzy-hrlevl .img-2 {
position: relative;
width: 483px;
height: 290px;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .content {
display: flex;
flex-direction: column;
width: 508px;
max-width: 508px;
align-items: flex-start;
gap: 24px;
position: relative;
flex: 1;
min-width: 0;
}
.eszterhzy-hrlevl .div-wrapper-2 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
margin-bottom: 12px;
}
.eszterhzy-hrlevl .text-wrapper-8 {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.4px;
line-height: 48px;
}
.eszterhzy-hrlevl .h {
position: relative;
align-self: stretch;
height: 125px;
margin-bottom: -2px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28px;
}
.eszterhzy-hrlevl .p {
height: 125px;
position: relative;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28px;
}
.eszterhzy-hrlevl .news-container-h {
flex: 0 0 auto;
display: flex;
width: 100%;
max-width: 1043px;
align-items: flex-start;
gap: 52px;
position: relative;
}
.eszterhzy-hrlevl .news-container-h .div-3 {
overflow: hidden;
}
.eszterhzy-hrlevl .news-container-h:hover .div-3 .img-3,
.eszterhzy-hrlevl .news-container-h:hover .div-3 .img-2 {
transform: scale(1.08);
}
.eszterhzy-hrlevl .img-3 {
width: 483px;
position: relative;
height: 290px;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .h-2 {
position: relative;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28px;
}
.eszterhzy-hrlevl .oktati-mindennapok {
display: flex;
flex-direction: column;
width: 100%;
min-height: 1208px;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #f0ebe4;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-16 {
display: flex;
width: 628px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-17 {
display: flex;
width: 338px;
height: 81px;
align-items: center;
gap: 70px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-9 {
position: relative;
width: 628px;
height: 62px;
margin-top: -1px;
margin-right: -290px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
white-space: nowrap;
}
.eszterhzy-hrlevl .frame-18 {
position: relative;
width: 438.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .img-wrapper {
align-items: center;
display: flex;
width: 483px;
max-width: 483px;
height: 290px;
gap: 70px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
/* Frame.svg overlay on every card image */
.card-img-wrap {
position: relative;
display: block;
width: 100%;
flex-shrink: 0;
overflow: hidden;
}
.card-img-wrap img.card-photo {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.card-img-wrap:hover img.card-photo {
transform: scale(1.08);
}
.card-img-wrap .frame-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 56px;
height: 56px;
pointer-events: none;
z-index: 2;
}
.eszterhzy-hrlevl .img-wrapper:hover .img-2,
.eszterhzy-hrlevl .img-wrapper:hover .img-3 {
transform: scale(1.08);
}
.eszterhzy-hrlevl .egyetemi-let {
display: flex;
flex-direction: column;
width: 100%;
min-height: unset;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #ffffff;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-19 {
display: flex;
width: 372px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-10 {
position: relative;
width: 372px;
height: 62px;
margin-top: -1px;
margin-right: -34px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
white-space: nowrap;
}
.eszterhzy-hrlevl .frame-20 {
position: relative;
width: 694.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .frame-21 {
display: flex;
width: 100%;
max-width: 1058px;
height: auto;
align-items: flex-start;
gap: 131px;
position: relative;
}
/* 2-col and 3-col grid: direct children must be flex items */
.eszterhzy-hrlevl .frame-21 > a,
.eszterhzy-hrlevl .frame-25 > a,
.eszterhzy-hrlevl .frame-28 > a,
.eszterhzy-hrlevl .frame-31 > a,
.eszterhzy-hrlevl .frame-33 > a,
.eszterhzy-hrlevl .frame-38 > a,
.eszterhzy-hrlevl .frame-42 > a,
.eszterhzy-hrlevl .frame-46 > a,
.eszterhzy-hrlevl .frame-54 > a,
.eszterhzy-hrlevl .frame-57 > a,
.eszterhzy-hrlevl .frame-64 > a,
.eszterhzy-hrlevl .frame-67 > a,
.eszterhzy-hrlevl .frame-70 > a {
display: flex;
flex: 1 1 0;
min-width: 0;
text-decoration: none;
color: inherit;
}
/* Inner card wrappers must fill their parent */
.eszterhzy-hrlevl .frame-21 > a > .frame-22,
.eszterhzy-hrlevl .frame-21 > a > .frame-24,
.eszterhzy-hrlevl .frame-28 > a > .frame-29,
.eszterhzy-hrlevl .frame-28 > a > .frame-30,
.eszterhzy-hrlevl .frame-46 > a > .frame-47,
.eszterhzy-hrlevl .frame-54 > a > .frame-55,
.eszterhzy-hrlevl .frame-67 > a > .frame-68 {
width: 100%;
flex: 1 1 0;
min-width: 0;
}
.eszterhzy-hrlevl .frame-25 > a > .frame-26,
.eszterhzy-hrlevl .frame-31 > a > .frame-32,
.eszterhzy-hrlevl .frame-33 > a > .frame-32,
.eszterhzy-hrlevl .frame-38 > a > .frame-39,
.eszterhzy-hrlevl .frame-42 > a > .frame-39,
.eszterhzy-hrlevl .frame-57 > a > .frame-58,
.eszterhzy-hrlevl .frame-64 > a > .frame-65,
.eszterhzy-hrlevl .frame-70 > a > .frame-71 {
width: 100%;
flex: 1 1 0;
min-width: 0;
}
.eszterhzy-hrlevl .frame-22 {
display: flex;
flex-direction: column;
width: 464px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .frame-22:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-24:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-26:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-29:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-30:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-32:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-39:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-47:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-47:hover .DSC-EKKE-2,
.eszterhzy-hrlevl .frame-55:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-55:hover .DSC-EKKE-2,
.eszterhzy-hrlevl .frame-58:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-58:hover .DSC-EKKE-2,
.eszterhzy-hrlevl .frame-65:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-65:hover .DSC-EKKE-2,
.eszterhzy-hrlevl .frame-68:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-68:hover .DSC-EKKE-3,
.eszterhzy-hrlevl .frame-71:hover .DSC-EKKE,
.eszterhzy-hrlevl .frame-71:hover .DSC-EKKE-2 {
transform: scale(1.08);
}
.eszterhzy-hrlevl .DSC-EKKE {
position: relative;
align-self: stretch;
width: 100%;
aspect-ratio: 1.5;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .frame-23 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .text-wrapper-11 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-top: -1px;
margin-bottom: 8px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .text-wrapper-12 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .mask-group {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.eszterhzy-hrlevl .frame-24 {
display: flex;
flex-direction: column;
width: 464px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
margin-right: -1px;
overflow: hidden;
}
.eszterhzy-hrlevl .text-wrapper-13 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .text-wrapper-14 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .frame-25 {
display: flex;
width: 100%;
max-width: 1062px;
height: auto;
align-items: flex-start;
gap: 81px;
position: relative;
}
.eszterhzy-hrlevl .frame-26 {
display: flex;
flex-direction: column;
width: 300px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .frame-27 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .text-wrapper-15 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-top: -1px;
margin-bottom: 8px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .text-wrapper-16 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .text-wrapper-17 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-top: -1px;
margin-bottom: 8px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .text-wrapper-18 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .frame-28 {
display: flex;
width: 1058px;
height: auto;
align-items: flex-start;
gap: 131px;
position: relative;
}
.eszterhzy-hrlevl .frame-29 {
display: flex;
flex-direction: column;
width: 464px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .frame-30 {
display: flex;
flex-direction: column;
width: 464px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
margin-right: -1px;
overflow: hidden;
}
.eszterhzy-hrlevl .text-wrapper-19 {
position: relative;
align-self: stretch;
margin-top: -1px;
margin-bottom: 8px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .text-wrapper-20 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .frame-31 {
display: flex;
width: 100%;
max-width: 1062px;
min-height: unset;
height: auto;
align-items: flex-start;
gap: 81px;
position: relative;
}
.eszterhzy-hrlevl .frame-32 {
min-height: 586px;
height: auto;
display: flex;
flex-direction: column;
width: 300px;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .text-wrapper-21 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .text-wrapper-22 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .frame-33 {
display: flex;
width: 1062px;
height: auto;
align-items: flex-start;
gap: 81px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-23 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .text-wrapper-24 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .rtr {
display: flex;
flex-direction: column;
width: 100%;
min-height: unset;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #f0ebe4;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-34 {
position: relative;
width: 161px;
height: 82px;
}
.eszterhzy-hrlevl .frame-35 {
display: flex;
width: 238px;
height: 81px;
align-items: center;
gap: 70px;
position: relative;
top: 1px;
left: 1px;
}
.eszterhzy-hrlevl .frame-36 {
width: 338px;
height: 62px;
margin-right: -100px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 60px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-25 {
position: relative;
width: 243px;
height: 62px;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
white-space: nowrap;
}
.eszterhzy-hrlevl .frame-37 {
position: relative;
width: 901.39px;
height: 82px;
}
.eszterhzy-hrlevl .frame-38 {
display: flex;
width: 100%;
max-width: 1062px;
height: auto;
align-items: flex-start;
gap: 81px;
position: relative;
margin-bottom: -5px;
}
.eszterhzy-hrlevl .frame-39 {
min-height: 584px;
height: auto;
display: flex;
flex-direction: column;
width: 300px;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .mask-group-2 {
position: absolute;
width: 100.17%;
height: 100%;
top: 0;
left: 0;
}
.eszterhzy-hrlevl .NSKO-tr {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #ffffff;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-40 {
position: relative;
width: 229px;
height: 82px;
}
.eszterhzy-hrlevl .text-wrapper-26 {
position: relative;
width: 251px;
height: 62px;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
white-space: nowrap;
}
.eszterhzy-hrlevl .frame-41 {
position: relative;
width: 837.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .frame-42 {
display: flex;
width: 100%;
max-width: 1062px;
height: auto;
align-items: flex-start;
gap: 81px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-27 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-top: -1px;
margin-bottom: 8px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .text-wrapper-28 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .text-wrapper-29 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 .text-wrapper-13 {
font-size: 32px;
line-height: 40px;
}
.eszterhzy-hrlevl .sport {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
flex: 0 0 auto;
background-color: #e2e4ef;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-43 {
display: flex;
width: 175px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-44 {
display: flex;
width: 338px;
height: 81px;
align-items: center;
gap: 70px;
position: relative;
margin-right: -163px;
}
.eszterhzy-hrlevl .frame-45 {
position: relative;
width: 891.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .frame-46 {
display: flex;
width: 100%;
max-width: 1058px;
min-height: unset;
height: auto;
align-items: flex-start;
gap: 121px;
position: relative;
}
.eszterhzy-hrlevl .frame-47 {
display: flex;
flex-direction: column;
width: 450px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .DSC-EKKE-2 {
aspect-ratio: 1.5;
position: relative;
align-self: stretch;
width: 100%;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .frame-48 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .text-wrapper-30 {
letter-spacing: 0.03px;
line-height: 24px;
position: relative;
display: flex;
align-items: center;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
}
.eszterhzy-hrlevl .frame-49 {
display: flex;
width: 100%;
max-width: 1058px;
min-height: 290px;
height: auto;
align-items: flex-start;
gap: 92px;
position: relative;
}
.eszterhzy-hrlevl .frame-50 {
display: flex;
width: 483px;
min-height: 290px;
height: auto;
align-items: flex-start;
gap: 17px;
position: relative;
}
.eszterhzy-hrlevl .frame-51 {
width: 483px;
min-height: 290px;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 60px;
position: relative;
}
.eszterhzy-hrlevl .frame-52 {
flex-direction: column;
min-height: 290px;
height: auto;
display: flex;
align-items: flex-start;
gap: 12px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .frame-53 {
min-height: 290px;
height: auto;
align-self: stretch;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-31 {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 62px;
}
.eszterhzy-hrlevl .text-wrapper-32 {
position: relative;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .frame-54 {
display: flex;
width: 1058px;
height: auto;
align-items: flex-start;
gap: 121px;
position: relative;
}
.eszterhzy-hrlevl .frame-55 {
width: 450px;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .text-wrapper-33 {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
letter-spacing: 0.08px;
line-height: normal;
}
.eszterhzy-hrlevl .eszterhzy {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #ffffff;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-56 {
position: relative;
width: 724.39px;
height: 82px;
margin-right: -0.39px;
margin-left: -286px;
}
.eszterhzy-hrlevl .frame-57 {
display: flex;
width: 100%;
max-width: 1062px;
height: auto;
align-items: flex-start;
gap: 81px;
position: relative;
}
.eszterhzy-hrlevl .frame-58 {
height: auto;
display: flex;
flex-direction: column;
width: 300px;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .text-wrapper-34 {
margin-bottom: 0;
letter-spacing: 0.24px;
line-height: 28.3px;
position: relative;
display: flex;
align-items: center;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
}
.eszterhzy-hrlevl .news-container-2 {
flex: 0 0 auto;
margin-bottom: -4px;
display: inline-flex;
align-items: flex-start;
gap: 52px;
position: relative;
}
.eszterhzy-hrlevl .plyzatok {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
justify-content: center;
gap: 61px;
padding: 46px 129px 80px 138px;
position: relative;
flex: 0 0 auto;
background-color: #f0ebe4;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-59 {
display: flex;
width: 321px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-60 {
display: flex;
width: 338px;
height: 81px;
align-items: center;
gap: 70px;
position: relative;
margin-right: -17px;
}
.eszterhzy-hrlevl .frame-61 {
position: relative;
width: 704px;
height: 82px;
}
.eszterhzy-hrlevl .text-wrapper-35 {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
}
.eszterhzy-hrlevl .text-wrapper-36 {
position: relative;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .programajnl {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
justify-content: center;
gap: 61px;
padding: 46px 129px 80px 138px;
position: relative;
flex: 0 0 auto;
background-color: #ffffff;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-62 {
display: flex;
width: 435px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-63 {
position: relative;
width: 631.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .frame-64 {
display: flex;
width: 100%;
max-width: 1062px;
height: auto;
align-items: flex-start;
gap: 80px;
position: relative;
}
.eszterhzy-hrlevl .frame-65 {
width: 300px;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .frame-66 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .text-wrapper-37 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.03px;
line-height: 24px;
}
.eszterhzy-hrlevl .frame-67 {
display: flex;
width: 100%;
max-width: 1058px;
height: auto;
align-items: flex-start;
gap: 121px;
position: relative;
}
.eszterhzy-hrlevl .frame-68 {
width: 450px;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .DSC-EKKE-3 {
height: 300.04px;
position: relative;
align-self: stretch;
width: 100%;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .frame-69 {
flex: 0 0 auto;
margin-bottom: -0.04px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .frame-70 {
width: 1062px;
height: auto;
gap: 80px;
display: flex;
align-items: flex-start;
position: relative;
}
.eszterhzy-hrlevl .frame-71 {
width: 300px;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .text-wrapper-38 {
position: relative;
display: flex;
align-items: center;
align-self: stretch;
margin-bottom: 0;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 16px;
letter-spacing: 0.03px;
line-height: 24px;
}
.eszterhzy-hrlevl .text-wrapper-39 {
letter-spacing: 0.4px;
line-height: 49px;
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 40px;
}
.eszterhzy-hrlevl .text-wrapper-40 {
position: relative;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28.3px;
}
.eszterhzy-hrlevl .podcast {
display: flex;
flex-direction: column;
width: 100%;
min-height: unset;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #f0ebe4;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-72 {
display: flex;
width: 251px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-73 {
display: flex;
width: 338px;
height: 81px;
align-items: center;
gap: 70px;
position: relative;
margin-right: -87px;
}
.eszterhzy-hrlevl .frame-74 {
position: relative;
width: 815.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .spotify {
display: flex;
align-items: center;
justify-content: center;
width: 47px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .spotify-2 {
position: relative;
width: 47px;
height: 33px;
}
.eszterhzy-hrlevl .youtube {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .youtube-2 {
position: relative;
object-fit: cover;
width: 30px;
height: 33px;
}
.eszterhzy-hrlevl .youtube-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .image {
display: flex;
width: 387px;
height: 290px;
align-items: center;
gap: 70px;
position: relative;
overflow: hidden;
}
.eszterhzy-hrlevl .img-4 {
width: 387px;
position: relative;
height: 290px;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .image:hover .img-4 {
transform: scale(1.08);
}
.eszterhzy-hrlevl .youtube-3 {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .youtube-4 {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .youtube-5 {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .youtube-6 {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 33px;
position: relative;
flex-shrink: 0;
}
.eszterhzy-hrlevl .lceum-tv-ajnlata {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
align-items: center;
gap: 48px;
padding: 30px 129px 80px 138px;
position: relative;
background-color: #ffffff;
box-sizing: border-box;
}
/* Global vertical spacing scale for all 11 content sections */
.eszterhzy-hrlevl .ez-trtnt-a-hten,
.eszterhzy-hrlevl .oktati-mindennapok,
.eszterhzy-hrlevl .egyetemi-let,
.eszterhzy-hrlevl .rtr,
.eszterhzy-hrlevl .NSKO-tr,
.eszterhzy-hrlevl .sport,
.eszterhzy-hrlevl .eszterhzy,
.eszterhzy-hrlevl .plyzatok,
.eszterhzy-hrlevl .programajnl,
.eszterhzy-hrlevl .podcast,
.eszterhzy-hrlevl .lceum-tv-ajnlata {
gap: var(--space-article-flow);
padding-top: var(--space-section-top);
padding-bottom: var(--space-section-bottom);
}
/* Remove legacy hardcoded spacer block after the first section */
.eszterhzy-hrlevl .ez-trtnt-a-hten > div[style*="height: 80px"] {
display: none;
}
.eszterhzy-hrlevl .frame-75 {
display: flex;
width: 421px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .text-wrapper-41 {
position: relative;
width: 421px;
height: 62px;
margin-top: -1px;
margin-right: -83px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--x-1f-1e-1e);
font-size: 48px;
letter-spacing: 0.48px;
line-height: 66px;
white-space: nowrap;
}
.eszterhzy-hrlevl .frame-76 {
position: relative;
width: 645.39px;
height: 82px;
margin-right: -0.39px;
}
.eszterhzy-hrlevl .news-container-3 {
height: auto;
min-height: 220px;
display: flex;
width: 100%;
max-width: 1043px;
align-items: flex-start;
gap: 52px;
position: relative;
}
.eszterhzy-hrlevl .content-2 {
display: flex;
flex-direction: column;
width: 508px;
min-height: 220px;
height: auto;
align-items: flex-start;
gap: 24px;
position: relative;
flex: 1;
min-width: 0;
}
.eszterhzy-hrlevl .youtube-and-vimeo,
.eszterhzy-hrlevl .youtube-and-vimeo-2,
.eszterhzy-hrlevl .youtube-and-vimeo-3,
.eszterhzy-hrlevl .youtube-and-vimeo-4,
.eszterhzy-hrlevl .youtube-and-vimeo-5,
.eszterhzy-hrlevl .youtube-and-vimeo-6,
.eszterhzy-hrlevl .youtube-and-vimeo-7,
.eszterhzy-hrlevl .youtube-and-vimeo-8,
.eszterhzy-hrlevl .youtube-and-vimeo-9,
.eszterhzy-hrlevl .youtube-and-vimeo-10,
.eszterhzy-hrlevl .youtube-and-vimeo-11,
.eszterhzy-hrlevl .youtube-and-vimeo-12,
.eszterhzy-hrlevl .youtube-and-vimeo-13,
.eszterhzy-hrlevl .youtube-and-vimeo-14 {
position: relative;
width: 360px;
height: 220px;
flex-shrink: 0;
object-fit: cover;
top: auto;
left: auto;
transition: transform 0.4s ease;
display: block;
}
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-2,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-3,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-4,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-5,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-6,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-7,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-8,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-9,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-10,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-11,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-12,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-13,
.eszterhzy-hrlevl .news-container-3:hover .youtube-and-vimeo-14 {
transform: scale(1.08);
}
.eszterhzy-hrlevl .h-3 {
margin-bottom: -11px;
position: relative;
align-self: stretch;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.24px;
line-height: 28px;
}
.eszterhzy-hrlevl .frame-77 {
width: 100%;
max-width: 1065px;
min-height: 82px;
height: auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
column-gap: 10px;
row-gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .div-2 > :first-child,
.eszterhzy-hrlevl .frame-77 > :first-child {
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
}
.eszterhzy-hrlevl .div-2 > img,
.eszterhzy-hrlevl .frame-77 > img {
flex: 1 1 320px;
min-width: 240px;
max-width: 100%;
height: auto;
}
.eszterhzy-hrlevl .frame-78 {
display: flex;
width: 429px;
height: 82px;
align-items: center;
gap: 10px;
position: relative;
}
.eszterhzy-hrlevl .frame-79 {
position: relative;
width: 637.39px;
height: 82px;
margin-right: -1.39px;
}
.eszterhzy-hrlevl .liceum-button-row {
width: 100%;
max-width: 1065px;
display: flex;
justify-content: flex-start;
}
.eszterhzy-hrlevl .button {
display: flex;
width: 141px;
height: 35px;
align-items: center;
justify-content: center;
gap: 4px;
padding: 0px 16px;
position: relative;
background-color: #dbc492;
transition: background-color 0.2s ease;
}
.eszterhzy-hrlevl .button:hover {
background-color: #ceb37b;
}
.eszterhzy-hrlevl .text-wrapper-42 {
position: relative;
width: fit-content;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #2e2e2e;
font-size: 16px;
letter-spacing: 0.07px;
line-height: 20px;
white-space: nowrap;
}
.eszterhzy-hrlevl .footer {
display: flex;
flex-direction: column;
width: 100%;
min-height: 521px;
height: auto;
align-items: center;
gap: 40px;
padding: 46px 129px 46px 138px;
position: relative;
background-color: #222d64;
box-sizing: border-box;
}
.eszterhzy-hrlevl .frame-80 {
display: flex;
width: 100%;
max-width: 1097px;
height: auto;
min-height: 182px;
align-items: flex-start;
gap: 119px;
position: relative;
}
.eszterhzy-hrlevl .frame-81 {
display: flex;
flex-direction: column;
width: 1242px;
align-items: flex-start;
gap: 22px;
position: relative;
margin-bottom: -1px;
margin-right: -145px;
}
.eszterhzy-hrlevl .frame-82 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 17px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .frame-83 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 25px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .frame-84 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .frame-85 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .text-wrapper-43 {
position: relative;
align-self: stretch;
margin-top: -1px;
margin-bottom: 10px;
font-family: "Bellefair", Helvetica;
font-weight: 400;
color: var(--warm-white);
font-size: 32px;
letter-spacing: 0.06px;
line-height: 1.2;
}
.eszterhzy-hrlevl .rectangle-4 {
position: relative;
width: 95px;
height: 2px;
margin-bottom: 10px;
background-color: #dbc492;
}
.eszterhzy-hrlevl .frame-86 {
display: flex;
flex-direction: column;
height: 72px;
align-items: flex-start;
gap: 25px;
position: relative;
align-self: stretch;
width: 100%;
}
.eszterhzy-hrlevl .k-rj-k-hogy-h-reiket {
position: relative;
align-self: stretch;
margin-top: -1px;
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: var(--warm-white);
font-size: 0.9em;
letter-spacing: 0;
line-height: 1.6em;
}
.eszterhzy-hrlevl .span {
font-family: "Arsenal", Helvetica;
font-weight: 400;
color: #fdfdfd;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
}
.eszterhzy-hrlevl .text-wrapper-44 {
font-weight: 700;
font-size: inherit;
line-height: inherit;
}
.eszterhzy-hrlevl .button-2 {
display: flex;
width: 141px;
height: 35px;
align-items: center;
justify-content: center;
gap: 4px;
padding: 0px 16px;
position: relative;
background-color: #dbc492;
transition: background-color 0.2s ease;
}
.eszterhzy-hrlevl .button-2:hover {
background-color: #ceb37b;
}
.eszterhzy-hrlevl .group {
position: relative;
width: 1246px;
max-width: 1246px;
height: 85px;
margin: 0 auto;
transform: scale(0.8507);
transform-origin: top center;
}
/* Tittel Pál Könyvtár – 0. pozíció */
.eszterhzy-hrlevl .tittel-pal-logo {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 92px;
height: auto;
max-height: 72px;
object-fit: contain;
}
/* separator after Tittel */
.eszterhzy-hrlevl .rectangle-tittel {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 120px;
width: 1px;
background-color: #bda58952;
}
/* Líceum Kiadó shifted for proportional spacing */
.eszterhzy-hrlevl .liceum-kiado-logo {
position: absolute;
top: 1px;
left: 148px;
width: 63px;
height: 84px;
aspect-ratio: 0.75;
object-fit: cover;
}
.eszterhzy-hrlevl .rectangle-5 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 238px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .liceum-seta-feher {
position: absolute;
top: 0;
left: 266px;
width: 119px;
height: 85px;
aspect-ratio: 1.41;
object-fit: cover;
}
.eszterhzy-hrlevl .rectangle-6 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 412px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .liceumtv {
position: absolute;
top: 10px;
left: 440px;
width: 64px;
height: 64px;
}
.eszterhzy-hrlevl .rectangle-7 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 531px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .eszterhazy-podcast-wrapper {
width: 87px;
position: absolute;
top: 2px;
left: 559px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.eszterhzy-hrlevl .eszterhazy-podcast {
position: relative;
width: 80px;
height: 80px;
aspect-ratio: 1;
object-fit: cover;
}
.eszterhzy-hrlevl .rectangle-8 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 673px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .csillagvizsgalo-logo {
position: absolute;
top: 1px;
left: 701px;
width: 70px;
height: 84px;
aspect-ratio: 0.83;
object-fit: cover;
}
.eszterhzy-hrlevl .rectangle-9 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 798px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .gyakorloiskola-logo {
position: absolute;
top: 2px;
left: 826px;
width: 80px;
height: 80px;
aspect-ratio: 1;
object-fit: cover;
}
.eszterhzy-hrlevl .rectangle-10 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 933px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .paletta-logo {
position: absolute;
top: 11px;
left: 961px;
width: 123px;
height: 63px;
aspect-ratio: 1.94;
object-fit: cover;
}
.eszterhzy-hrlevl .rectangle-11 {
position: absolute;
height: calc(100% - 62px);
top: 24px;
left: 1111px;
width: 1px;
background-color: #bda58952;
}
.eszterhzy-hrlevl .EKKESHOP-LOGO {
position: absolute;
top: 16px;
left: 1139px;
width: 107px;
height: 52px;
aspect-ratio: 2.05;
object-fit: cover;
}
.eszterhzy-hrlevl .group-2 {
position: relative;
width: 495.5px;
height: 82px;
}
/* Podcast ikon gombok egy sorba */
.eszterhzy-hrlevl .podcast-icons {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
}
.eszterhzy-hrlevl .podcast-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.eszterhzy-hrlevl .podcast-clickable {
cursor: pointer;
}
.eszterhzy-hrlevl .vissza {
position: fixed;
bottom: 32px;
right: 20px;
top: auto;
left: auto;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: #bda589;
opacity: 0;
pointer-events: none;
overflow: hidden;
z-index: 200;
cursor: pointer;
transition:
opacity 0.3s ease,
background-color 0.2s ease;
}
.eszterhzy-hrlevl .vissza.visible {
opacity: 0.65;
pointer-events: auto;
}
.eszterhzy-hrlevl .vissza:hover {
background-color: #ad9477;
}
.eszterhzy-hrlevl .vector-2 {
position: relative;
top: auto;
left: auto;
width: 14px;
height: 23px;
display: block;
}
/* =============================================
DESKTOP OPTIMIZATION — min-width: 1025px
============================================= */
@media (min-width: 1025px) {
/* --- Header --- */
.eszterhzy-hrlevl .header {
padding: 11px 60px;
}
.eszterhzy-hrlevl .frame {
max-width: 1200px;
gap: 120px;
}
/* --- Nav bar: ensure all 11 items are visible --- */
.eszterhzy-hrlevl .nav-bar {
height: 60px;
overflow: visible;
}
.eszterhzy-hrlevl .ornament {
left: 20px;
}
.eszterhzy-hrlevl .ornament-2 {
right: 20px;
left: auto;
}
.eszterhzy-hrlevl .frame-8 {
gap: 4px;
left: calc(50% - 560px);
width: 1120px;
}
.eszterhzy-hrlevl .info-item,
.eszterhzy-hrlevl .info-item-2,
.eszterhzy-hrlevl .info-item-3,
.eszterhzy-hrlevl .info-item-4,
.eszterhzy-hrlevl .info-item-5,
.eszterhzy-hrlevl .info-item-6,
.eszterhzy-hrlevl .info-item-7,
.eszterhzy-hrlevl .info-item-8,
.eszterhzy-hrlevl .info-item-9,
.eszterhzy-hrlevl .info-item-10,
.eszterhzy-hrlevl .info-item-11 {
flex-shrink: 0;
}
.eszterhzy-hrlevl .text-wrapper-2,
.eszterhzy-hrlevl .text-wrapper-3,
.eszterhzy-hrlevl .text-wrapper-4,
.eszterhzy-hrlevl .text-wrapper-5,
.eszterhzy-hrlevl .text-wrapper-6 {
font-size: 14px;
line-height: 18px;
white-space: nowrap;
}
/* --- Section padding optimization --- */
.eszterhzy-hrlevl .ez-trtnt-a-hten,
.eszterhzy-hrlevl .oktati-mindennapok,
.eszterhzy-hrlevl .egyetemi-let,
.eszterhzy-hrlevl .rtr,
.eszterhzy-hrlevl .NSKO-tr,
.eszterhzy-hrlevl .sport,
.eszterhzy-hrlevl .eszterhzy,
.eszterhzy-hrlevl .plyzatok,
.eszterhzy-hrlevl .programajnl,
.eszterhzy-hrlevl .podcast,
.eszterhzy-hrlevl .lceum-tv-ajnlata {
padding-left: 100px;
padding-right: 100px;
}
/* --- News containers: horizontal layout optimization --- */
.eszterhzy-hrlevl .news-container {
max-width: 1240px;
gap: 48px;
}
.eszterhzy-hrlevl .news-container-h {
max-width: 1240px;
gap: 48px;
}
.eszterhzy-hrlevl .news-container-3 {
max-width: 1240px;
gap: 48px;
}
.eszterhzy-hrlevl .div-2 {
max-width: 1240px;
}
/* --- Grid rows: 2-col and 3-col --- */
.eszterhzy-hrlevl .frame-21,
.eszterhzy-hrlevl .frame-28 {
max-width: 1240px;
gap: 80px;
}
.eszterhzy-hrlevl .frame-22,
.eszterhzy-hrlevl .frame-24,
.eszterhzy-hrlevl .frame-29,
.eszterhzy-hrlevl .frame-30 {
width: calc(50% - 40px);
flex: 1;
}
.eszterhzy-hrlevl .frame-25,
.eszterhzy-hrlevl .frame-31,
.eszterhzy-hrlevl .frame-33,
.eszterhzy-hrlevl .frame-38,
.eszterhzy-hrlevl .frame-42,
.eszterhzy-hrlevl .frame-57,
.eszterhzy-hrlevl .frame-64,
.eszterhzy-hrlevl .frame-70 {
max-width: 1240px;
gap: 60px;
}
.eszterhzy-hrlevl .frame-26,
.eszterhzy-hrlevl .frame-32,
.eszterhzy-hrlevl .frame-39,
.eszterhzy-hrlevl .frame-58,
.eszterhzy-hrlevl .frame-65,
.eszterhzy-hrlevl .frame-71 {
width: calc(33.333% - 40px);
flex: 1;
}
.eszterhzy-hrlevl .frame-46,
.eszterhzy-hrlevl .frame-54 {
max-width: 1240px;
gap: 80px;
}
.eszterhzy-hrlevl .frame-47,
.eszterhzy-hrlevl .frame-55 {
width: calc(50% - 40px);
flex: 1;
}
.eszterhzy-hrlevl .frame-49 {
max-width: 1240px;
gap: 80px;
}
.eszterhzy-hrlevl .frame-67 {
max-width: 1240px;
gap: 80px;
}
.eszterhzy-hrlevl .frame-68 {
width: calc(50% - 40px);
flex: 1;
}
/* --- Image sizing in containers --- */
.eszterhzy-hrlevl .div-3 {
width: 440px;
max-width: 440px;
}
.eszterhzy-hrlevl .img-2,
.eszterhzy-hrlevl .img-3 {
width: 100%;
height: 265px;
}
.eszterhzy-hrlevl .img-wrapper {
width: 440px;
max-width: 440px;
height: 265px;
}
/* --- Content blocks --- */
.eszterhzy-hrlevl .content {
max-width: none;
flex: 1;
}
.eszterhzy-hrlevl .content-2 {
width: auto;
flex: 1;
}
/* --- Footer --- */
.eszterhzy-hrlevl .footer {
padding-left: 100px;
padding-right: 100px;
}
.eszterhzy-hrlevl .frame-80 {
max-width: 1240px;
}
.eszterhzy-hrlevl .group {
max-width: 1246px;
}
/* --- Líceum TV thumbnails --- */
.eszterhzy-hrlevl .youtube-and-vimeo,
.eszterhzy-hrlevl .youtube-and-vimeo-2,
.eszterhzy-hrlevl .youtube-and-vimeo-3,
.eszterhzy-hrlevl .youtube-and-vimeo-4,
.eszterhzy-hrlevl .youtube-and-vimeo-5,
.eszterhzy-hrlevl .youtube-and-vimeo-6,
.eszterhzy-hrlevl .youtube-and-vimeo-7,
.eszterhzy-hrlevl .youtube-and-vimeo-8 {
width: 380px;
height: 235px;
}
/* --- Section heading SVG decorators --- */
.eszterhzy-hrlevl .frame-77 {
max-width: 1240px;
}
.eszterhzy-hrlevl .liceum-button-row {
max-width: 1240px;
}
}
/* =============================================
LARGE DESKTOP — min-width: 1280px
============================================= */
@media (min-width: 1280px) {
.eszterhzy-hrlevl .header {
padding: 11px 80px;
}
.eszterhzy-hrlevl .frame {
max-width: 1280px;
gap: 200px;
}
/* Nav: full-size text at 1280px+ */
.eszterhzy-hrlevl .frame-8 {
gap: 6px;
left: calc(50% - 570px);
width: 1140px;
}
.eszterhzy-hrlevl .text-wrapper-2,
.eszterhzy-hrlevl .text-wrapper-3,
.eszterhzy-hrlevl .text-wrapper-4,
.eszterhzy-hrlevl .text-wrapper-5,
.eszterhzy-hrlevl .text-wrapper-6 {
font-size: 15px;
line-height: 19.2px;
}
.eszterhzy-hrlevl .ornament {
left: 40px;
}
.eszterhzy-hrlevl .ornament-2 {
right: 40px;
left: auto;
}
/* Sections */
.eszterhzy-hrlevl .ez-trtnt-a-hten,
.eszterhzy-hrlevl .oktati-mindennapok,
.eszterhzy-hrlevl .egyetemi-let,
.eszterhzy-hrlevl .rtr,
.eszterhzy-hrlevl .NSKO-tr,
.eszterhzy-hrlevl .sport,
.eszterhzy-hrlevl .eszterhzy,
.eszterhzy-hrlevl .plyzatok,
.eszterhzy-hrlevl .programajnl,
.eszterhzy-hrlevl .podcast,
.eszterhzy-hrlevl .lceum-tv-ajnlata {
padding-left: 129px;
padding-right: 129px;
}
.eszterhzy-hrlevl .footer {
padding-left: 129px;
padding-right: 129px;
}
}
/* =============================================
FULL DESIGN WIDTH — min-width: 1440px
============================================= */
@media (min-width: 1440px) {
.eszterhzy-hrlevl .frame {
max-width: 1380px;
gap: 247px;
}
.eszterhzy-hrlevl .frame-8 {
gap: 6px;
left: calc(50% - 542px);
width: 1084px;
}
.eszterhzy-hrlevl .text-wrapper-2,
.eszterhzy-hrlevl .text-wrapper-3,
.eszterhzy-hrlevl .text-wrapper-4,
.eszterhzy-hrlevl .text-wrapper-5,
.eszterhzy-hrlevl .text-wrapper-6 {
font-size: 16px;
line-height: 19.2px;
}
.eszterhzy-hrlevl .ornament {
left: 54px;
}
.eszterhzy-hrlevl .ornament-2 {
right: 0;
left: 1126px;
}
/* Restore full design padding from Figma */
.eszterhzy-hrlevl .ez-trtnt-a-hten,
.eszterhzy-hrlevl .oktati-mindennapok,
.eszterhzy-hrlevl .egyetemi-let,
.eszterhzy-hrlevl .rtr,
.eszterhzy-hrlevl .NSKO-tr,
.eszterhzy-hrlevl .sport,
.eszterhzy-hrlevl .eszterhzy,
.eszterhzy-hrlevl .plyzatok,
.eszterhzy-hrlevl .programajnl,
.eszterhzy-hrlevl .podcast,
.eszterhzy-hrlevl .lceum-tv-ajnlata {
padding-left: 138px;
padding-right: 129px;
}
.eszterhzy-hrlevl .footer {
padding-left: 138px;
padding-right: 129px;
}
/* Restore Figma exact container sizes */
.eszterhzy-hrlevl .news-container {
max-width: 1043px;
gap: 52px;
}
.eszterhzy-hrlevl .news-container-h {
max-width: 1043px;
gap: 52px;
}
.eszterhzy-hrlevl .news-container-3 {
max-width: 1043px;
gap: 52px;
}
.eszterhzy-hrlevl .div-2 {
max-width: 1066px;
}
.eszterhzy-hrlevl .div-3 {
width: 483px;
max-width: 483px;
}
.eszterhzy-hrlevl .img-2,
.eszterhzy-hrlevl .img-3 {
width: 483px;
height: 290px;
}
.eszterhzy-hrlevl .img-wrapper {
width: 483px;
max-width: 483px;
height: 290px;
}
.eszterhzy-hrlevl .frame-21,
.eszterhzy-hrlevl .frame-28 {
max-width: 1058px;
gap: 131px;
}
.eszterhzy-hrlevl .frame-22,
.eszterhzy-hrlevl .frame-24,
.eszterhzy-hrlevl .frame-29,
.eszterhzy-hrlevl .frame-30 {
width: 464px;
flex: none;
}
.eszterhzy-hrlevl .frame-25,
.eszterhzy-hrlevl .frame-31,
.eszterhzy-hrlevl .frame-33 {
max-width: 1062px;
gap: 81px;
}
.eszterhzy-hrlevl .frame-26,
.eszterhzy-hrlevl .frame-32 {
width: 300px;
flex: none;
}
.eszterhzy-hrlevl .frame-38,
.eszterhzy-hrlevl .frame-42,
.eszterhzy-hrlevl .frame-57,
.eszterhzy-hrlevl .frame-64,
.eszterhzy-hrlevl .frame-70 {
max-width: 1062px;
gap: 81px;
}
.eszterhzy-hrlevl .frame-39,
.eszterhzy-hrlevl .frame-58,
.eszterhzy-hrlevl .frame-65,
.eszterhzy-hrlevl .frame-71 {
width: 300px;
flex: none;
}
.eszterhzy-hrlevl .frame-46,
.eszterhzy-hrlevl .frame-54 {
max-width: 1058px;
gap: 121px;
}
.eszterhzy-hrlevl .frame-47,
.eszterhzy-hrlevl .frame-55 {
width: 450px;
flex: none;
}
.eszterhzy-hrlevl .frame-49 {
max-width: 1058px;
gap: 92px;
}
.eszterhzy-hrlevl .frame-67 {
max-width: 1058px;
gap: 121px;
}
.eszterhzy-hrlevl .frame-68 {
width: 450px;
flex: none;
}
.eszterhzy-hrlevl .youtube-and-vimeo,
.eszterhzy-hrlevl .youtube-and-vimeo-2,
.eszterhzy-hrlevl .youtube-and-vimeo-3,
.eszterhzy-hrlevl .youtube-and-vimeo-4,
.eszterhzy-hrlevl .youtube-and-vimeo-5,
.eszterhzy-hrlevl .youtube-and-vimeo-6,
.eszterhzy-hrlevl .youtube-and-vimeo-7,
.eszterhzy-hrlevl .youtube-and-vimeo-8 {
width: 360px;
height: 220px;
}
.eszterhzy-hrlevl .frame-77 {
max-width: 1065px;
}
.eszterhzy-hrlevl .liceum-button-row {
max-width: 1065px;
}
.eszterhzy-hrlevl .frame-80 {
max-width: 1097px;
}
.eszterhzy-hrlevl .group {
max-width: 1246px;
}
}
/* Cikkcímek hover állapotban aláhúzva */
.eszterhzy-hrlevl a:hover .text-wrapper-8,
.eszterhzy-hrlevl a:hover .text-wrapper-11,
.eszterhzy-hrlevl a:hover .text-wrapper-13,
.eszterhzy-hrlevl a:hover .text-wrapper-15,
.eszterhzy-hrlevl a:hover .text-wrapper-17,
.eszterhzy-hrlevl a:hover .text-wrapper-19,
.eszterhzy-hrlevl a:hover .text-wrapper-27,
.eszterhzy-hrlevl a:hover .text-wrapper-31,
.eszterhzy-hrlevl a:hover .text-wrapper-33,
.eszterhzy-hrlevl a:hover .text-wrapper-35,
.eszterhzy-hrlevl a:hover .text-wrapper-39 {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1.5px;
}
/* Podcast első kártya (nem , hanem .podcast-clickable) */
.eszterhzy-hrlevl .podcast-clickable:hover .text-wrapper-8 {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1.5px;
}
/* Sticky menü: hover állapotban teljesen fekete szöveg */
.eszterhzy-hrlevl .nav-bar a:hover .text-wrapper-2,
.eszterhzy-hrlevl .nav-bar a:hover .text-wrapper-3,
.eszterhzy-hrlevl .nav-bar a:hover .text-wrapper-4,
.eszterhzy-hrlevl .nav-bar a:hover .text-wrapper-5,
.eszterhzy-hrlevl .nav-bar a:hover .text-wrapper-6 {
color: #000000;
}
/* NSKO: keep global section spacing scale */
.eszterhzy-hrlevl .NSKO-tr {
padding-bottom: var(--space-section-bottom);
}
/* =============================================
MOBILE NAV OPTIMIZATION — max-width: 1024px
============================================= */
@media (max-width: 1024px) {
.eszterhzy-hrlevl .nav-bar {
position: sticky;
top: 0;
z-index: 100;
height: 60px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
}
.eszterhzy-hrlevl .nav-bar::-webkit-scrollbar {
height: 6px;
}
.eszterhzy-hrlevl .nav-bar::-webkit-scrollbar-thumb {
background: #c8af8c;
border-radius: 999px;
}
.eszterhzy-hrlevl .ornament,
.eszterhzy-hrlevl .ornament-2 {
display: none;
}
.eszterhzy-hrlevl .frame-8 {
position: relative;
top: 0;
left: 0;
width: max-content;
min-width: 100%;
height: 60px;
padding: 0 16px;
justify-content: flex-start;
gap: 8px;
}
.eszterhzy-hrlevl .info-item,
.eszterhzy-hrlevl .info-item-2,
.eszterhzy-hrlevl .info-item-3,
.eszterhzy-hrlevl .info-item-4,
.eszterhzy-hrlevl .info-item-5,
.eszterhzy-hrlevl .info-item-6,
.eszterhzy-hrlevl .info-item-7,
.eszterhzy-hrlevl .info-item-8,
.eszterhzy-hrlevl .info-item-9,
.eszterhzy-hrlevl .info-item-10,
.eszterhzy-hrlevl .info-item-11 {
width: auto;
height: auto;
flex: 0 0 auto;
gap: 0;
}
.eszterhzy-hrlevl .nav-bar a {
display: flex;
align-items: center;
min-height: 38px;
}
.eszterhzy-hrlevl .text-wrapper-2,
.eszterhzy-hrlevl .text-wrapper-3,
.eszterhzy-hrlevl .text-wrapper-4,
.eszterhzy-hrlevl .text-wrapper-5,
.eszterhzy-hrlevl .text-wrapper-6 {
width: auto;
margin-left: 0;
margin-right: 0;
white-space: nowrap;
font-size: 14px;
line-height: 18px;
text-align: center;
}
.eszterhzy-hrlevl .rectangle-2 {
align-self: center;
width: 1px;
height: 24px;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .rectangle-3 {
display: none;
}
}
@media screen and (max-width: 768px) {
.eszterhzy-hrlevl .header {
padding: 12px 16px;
position: sticky;
top: 0;
z-index: 1301;
width: 100%;
box-sizing: border-box;
overflow: hidden;
background-color: #152452;
}
.eszterhzy-hrlevl .frame {
width: 100%;
max-width: none;
height: auto;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 6px;
position: relative;
box-sizing: border-box;
}
.eszterhzy-hrlevl .mobile-header-top {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 8px;
}
.eszterhzy-hrlevl .mobile-menu-toggle {
position: static;
order: 0;
margin: 0;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: center;
gap: 4px;
width: 36px;
height: 28px;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
z-index: 2;
flex: 0 0 auto;
}
.eszterhzy-hrlevl .mobile-menu-toggle-bar {
width: 24px;
height: 2px;
background-color: #dec797;
border-radius: 999px;
transform-origin: center;
transition:
transform 0.3s ease-in-out,
opacity 0.3s ease-in-out;
}
.eszterhzy-hrlevl
.mobile-menu-toggle.is-active
.mobile-menu-toggle-bar:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.eszterhzy-hrlevl
.mobile-menu-toggle.is-active
.mobile-menu-toggle-bar:nth-child(2) {
opacity: 0;
}
.eszterhzy-hrlevl
.mobile-menu-toggle.is-active
.mobile-menu-toggle-bar:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.eszterhzy-hrlevl .div {
order: 0;
width: auto;
flex: 1 1 auto;
height: auto;
min-width: 0;
gap: 6px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: left;
}
.eszterhzy-hrlevl .layer {
display: none;
}
.eszterhzy-hrlevl .vector {
display: none;
}
.eszterhzy-hrlevl .frame-wrapper,
.eszterhzy-hrlevl .div-wrapper,
.eszterhzy-hrlevl .frame-2,
.eszterhzy-hrlevl .frame-3,
.eszterhzy-hrlevl .frame-4 {
width: 100%;
height: auto;
margin: 0;
gap: 0;
}
.eszterhzy-hrlevl .eszterh-zy-h-rlev-l {
margin: 0;
font-size: clamp(20px, 6.5vw, 26px);
line-height: 1.05;
white-space: nowrap;
text-align: left;
align-self: flex-start;
letter-spacing: 0.2px;
}
.eszterhzy-hrlevl .frame-5 {
order: 3;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 0;
text-align: left;
line-height: 1;
}
.eszterhzy-hrlevl .frame-5 .frame-6 {
width: auto;
height: auto;
display: inline-flex;
align-items: center;
}
.eszterhzy-hrlevl .frame-5 .frame-7 {
width: auto;
display: inline-flex;
align-items: center;
gap: 0;
line-height: 1;
}
.eszterhzy-hrlevl .frame-5 .img {
display: inline-block;
width: 1px;
height: 1em;
min-height: 1em;
max-height: 1em;
margin: 0 10px;
align-self: center;
object-fit: cover;
line-height: 1;
}
.eszterhzy-hrlevl .frame-5 .text-wrapper {
white-space: nowrap;
font-size: 12.5px;
line-height: 1.3;
}
.eszterhzy-hrlevl .frame-5 .frame-6 + .frame-6 .img {
display: none;
}
.eszterhzy-hrlevl .rectangle {
display: block;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
width: 100%;
height: 6px;
min-height: 6px;
max-height: 6px;
margin: 0;
background-color: #dec797;
transition: none;
pointer-events: none;
z-index: 1;
}
.eszterhzy-hrlevl .frame-9 {
display: none;
}
.eszterhzy-hrlevl .nav-bar {
display: none;
}
.eszterhzy-hrlevl .mobile-menu-overlay {
display: block;
position: fixed;
inset: 0;
z-index: 1200;
background: rgba(21, 36, 82, 0.28);
opacity: 0;
pointer-events: none;
transition: opacity 0.24s ease;
}
.eszterhzy-hrlevl .mobile-menu-overlay.is-open {
opacity: 1;
pointer-events: auto;
}
.eszterhzy-hrlevl .mobile-menu-panel {
margin-left: auto;
margin-top: 30px;
width: min(80vw, 360px);
max-width: 80vw;
height: calc(100% - 30px);
background-color: #152452;
color: #fdfdfd;
box-shadow: -12px 0 28px rgba(0, 0, 0, 0.28);
transform: translateX(100%);
transition: transform 0.24s ease;
padding: 35px 14px 20px;
overflow-y: auto;
}
.eszterhzy-hrlevl .mobile-menu-overlay.is-open .mobile-menu-panel {
transform: translateX(0);
}
.eszterhzy-hrlevl .mobile-menu-close {
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid rgba(253, 253, 253, 0.35);
border-radius: 6px;
background: transparent;
color: #fdfdfd;
font-size: 26px;
line-height: 1;
cursor: pointer;
}
.eszterhzy-hrlevl .mobile-menu-links {
list-style: none;
padding: 25px 0 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.eszterhzy-hrlevl .mobile-menu-link {
display: block;
text-decoration: none;
color: #fdfdfd;
font-family: "Arsenal", Helvetica;
font-size: 16px;
line-height: 1.3;
text-transform: none;
padding: 8px 4px;
border-bottom: 1px solid rgba(253, 253, 253, 0.18);
}
.eszterhzy-hrlevl .ez-trtnt-a-hten,
.eszterhzy-hrlevl .oktati-mindennapok,
.eszterhzy-hrlevl .egyetemi-let,
.eszterhzy-hrlevl .rtr,
.eszterhzy-hrlevl .NSKO-tr,
.eszterhzy-hrlevl .sport,
.eszterhzy-hrlevl .eszterhzy,
.eszterhzy-hrlevl .plyzatok,
.eszterhzy-hrlevl .programajnl,
.eszterhzy-hrlevl .podcast,
.eszterhzy-hrlevl .lceum-tv-ajnlata {
padding: 24px 16px 40px;
gap: 24px;
}
.eszterhzy-hrlevl .ez-trtnt-a-hten {
margin-top: 16px;
}
.eszterhzy-hrlevl .ez-trtnt-a-hten > div[style*="height: 80px"] {
display: none;
}
.eszterhzy-hrlevl .div-2,
.eszterhzy-hrlevl .frame-77 {
width: 100%;
max-width: none;
height: auto;
background: transparent;
border: none;
}
.eszterhzy-hrlevl .div-2 {
display: block;
}
.eszterhzy-hrlevl .div-2 > img,
.eszterhzy-hrlevl .frame-77 > img {
display: none;
}
.eszterhzy-hrlevl .frame-10,
.eszterhzy-hrlevl .frame-16,
.eszterhzy-hrlevl .frame-19,
.eszterhzy-hrlevl .frame-34,
.eszterhzy-hrlevl .frame-40,
.eszterhzy-hrlevl .frame-43,
.eszterhzy-hrlevl .frame-59,
.eszterhzy-hrlevl .frame-62,
.eszterhzy-hrlevl .frame-72,
.eszterhzy-hrlevl .frame-75,
.eszterhzy-hrlevl .frame-78,
.eszterhzy-hrlevl .frame-11,
.eszterhzy-hrlevl .frame-17,
.eszterhzy-hrlevl .frame-35,
.eszterhzy-hrlevl .frame-36,
.eszterhzy-hrlevl .frame-44,
.eszterhzy-hrlevl .frame-60,
.eszterhzy-hrlevl .frame-73,
.eszterhzy-hrlevl .frame-12,
.eszterhzy-hrlevl .frame-13,
.eszterhzy-hrlevl .frame-14 {
width: 100%;
max-width: none;
height: auto;
margin: 0;
}
.eszterhzy-hrlevl .text-wrapper-7,
.eszterhzy-hrlevl .text-wrapper-9,
.eszterhzy-hrlevl .text-wrapper-10,
.eszterhzy-hrlevl .text-wrapper-25,
.eszterhzy-hrlevl .text-wrapper-26,
.eszterhzy-hrlevl .text-wrapper-41 {
width: auto;
height: auto;
margin: 0;
margin-right: 0;
font-size: 34px;
line-height: 1.1;
white-space: normal;
text-align: left;
}
.eszterhzy-hrlevl .text-wrapper-7,
.eszterhzy-hrlevl .text-wrapper-10,
.eszterhzy-hrlevl .text-wrapper-25,
.eszterhzy-hrlevl .text-wrapper-26,
.eszterhzy-hrlevl .text-wrapper-41,
.eszterhzy-hrlevl .frame-16 .text-wrapper-9,
.eszterhzy-hrlevl .frame-43 .text-wrapper-9,
.eszterhzy-hrlevl .frame-56 .text-wrapper-9,
.eszterhzy-hrlevl .frame-60 .text-wrapper-9,
.eszterhzy-hrlevl .frame-62 .text-wrapper-9,
.eszterhzy-hrlevl .frame-63 .text-wrapper-9,
.eszterhzy-hrlevl .frame-73 .text-wrapper-9 {
display: block;
width: 100%;
padding-bottom: 10px;
border-bottom: 2px solid #c3ad94;
margin-bottom: 20px;
}
.eszterhzy-hrlevl .news-container,
.eszterhzy-hrlevl .news-container-h,
.eszterhzy-hrlevl .news-container-3,
.eszterhzy-hrlevl .frame-49,
.eszterhzy-hrlevl .frame-21,
.eszterhzy-hrlevl .frame-25,
.eszterhzy-hrlevl .frame-28,
.eszterhzy-hrlevl .frame-31,
.eszterhzy-hrlevl .frame-33,
.eszterhzy-hrlevl .frame-38,
.eszterhzy-hrlevl .frame-42,
.eszterhzy-hrlevl .frame-46,
.eszterhzy-hrlevl .frame-54,
.eszterhzy-hrlevl .frame-57,
.eszterhzy-hrlevl .frame-64,
.eszterhzy-hrlevl .frame-67,
.eszterhzy-hrlevl .frame-70 {
width: 100%;
max-width: none;
flex-direction: column;
gap: 20px;
}
.eszterhzy-hrlevl .div-3,
.eszterhzy-hrlevl .img-wrapper,
.eszterhzy-hrlevl .content,
.eszterhzy-hrlevl .content-2,
.eszterhzy-hrlevl .frame-22,
.eszterhzy-hrlevl .frame-24,
.eszterhzy-hrlevl .frame-26,
.eszterhzy-hrlevl .frame-29,
.eszterhzy-hrlevl .frame-30,
.eszterhzy-hrlevl .frame-32,
.eszterhzy-hrlevl .frame-39,
.eszterhzy-hrlevl .frame-47,
.eszterhzy-hrlevl .frame-50,
.eszterhzy-hrlevl .frame-51,
.eszterhzy-hrlevl .frame-52,
.eszterhzy-hrlevl .frame-53,
.eszterhzy-hrlevl .frame-55,
.eszterhzy-hrlevl .frame-58,
.eszterhzy-hrlevl .frame-65,
.eszterhzy-hrlevl .frame-68,
.eszterhzy-hrlevl .frame-71 {
width: 100%;
max-width: none;
min-height: 0;
height: auto;
}
.eszterhzy-hrlevl .img-2,
.eszterhzy-hrlevl .img-3,
.eszterhzy-hrlevl .youtube-and-vimeo,
.eszterhzy-hrlevl .youtube-and-vimeo-2,
.eszterhzy-hrlevl .youtube-and-vimeo-3,
.eszterhzy-hrlevl .youtube-and-vimeo-4,
.eszterhzy-hrlevl .youtube-and-vimeo-5,
.eszterhzy-hrlevl .youtube-and-vimeo-6,
.eszterhzy-hrlevl .youtube-and-vimeo-7 {
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
}
.eszterhzy-hrlevl .text-wrapper-8,
.eszterhzy-hrlevl .text-wrapper-11,
.eszterhzy-hrlevl .text-wrapper-13,
.eszterhzy-hrlevl .text-wrapper-15,
.eszterhzy-hrlevl .text-wrapper-17,
.eszterhzy-hrlevl .text-wrapper-19,
.eszterhzy-hrlevl .text-wrapper-27,
.eszterhzy-hrlevl .text-wrapper-31,
.eszterhzy-hrlevl .text-wrapper-33,
.eszterhzy-hrlevl .text-wrapper-35,
.eszterhzy-hrlevl .text-wrapper-39 {
font-size: 30px;
line-height: 1.15;
}
.eszterhzy-hrlevl .h,
.eszterhzy-hrlevl .p,
.eszterhzy-hrlevl .h-2,
.eszterhzy-hrlevl .h-3,
.eszterhzy-hrlevl .text-wrapper-12,
.eszterhzy-hrlevl .text-wrapper-14,
.eszterhzy-hrlevl .text-wrapper-16,
.eszterhzy-hrlevl .text-wrapper-18,
.eszterhzy-hrlevl .text-wrapper-20,
.eszterhzy-hrlevl .text-wrapper-21,
.eszterhzy-hrlevl .text-wrapper-22,
.eszterhzy-hrlevl .text-wrapper-23,
.eszterhzy-hrlevl .text-wrapper-24,
.eszterhzy-hrlevl .text-wrapper-28,
.eszterhzy-hrlevl .text-wrapper-29,
.eszterhzy-hrlevl .text-wrapper-30,
.eszterhzy-hrlevl .text-wrapper-32,
.eszterhzy-hrlevl .text-wrapper-34,
.eszterhzy-hrlevl .text-wrapper-36,
.eszterhzy-hrlevl .text-wrapper-37,
.eszterhzy-hrlevl .text-wrapper-38,
.eszterhzy-hrlevl .text-wrapper-40 {
height: auto;
font-size: 16px;
line-height: 1.65;
}
.eszterhzy-hrlevl .lceum-tv-ajnlata .frame-76,
.eszterhzy-hrlevl .lceum-tv-ajnlata .frame-79 {
display: none;
}
.eszterhzy-hrlevl .lceum-tv-ajnlata .frame-77 {
background: transparent;
border: none;
}
.eszterhzy-hrlevl .footer {
padding: 32px 16px;
min-height: 0;
gap: 28px;
}
.eszterhzy-hrlevl .frame-80,
.eszterhzy-hrlevl .frame-81 {
width: 100%;
max-width: none;
margin: 0;
}
.eszterhzy-hrlevl .frame-86 {
height: auto;
}
.eszterhzy-hrlevl .group {
width: 100%;
max-width: none;
height: auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-right: 52px;
padding-bottom: 15px;
transform: none;
transform-origin: initial;
}
.eszterhzy-hrlevl .group::-webkit-scrollbar {
display: none;
}
.eszterhzy-hrlevl .group.is-at-start::after {
content: "";
position: absolute;
right: 6px;
top: 25px;
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 999px;
background: rgba(34, 45, 100, 0.12);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
pointer-events: none;
z-index: 2;
}
.eszterhzy-hrlevl .group.is-at-start::before {
content: "";
position: absolute;
right: 23px;
top: 25px;
width: 10px;
height: 10px;
border-top: 3px solid #c5a982;
border-right: 3px solid #c5a982;
transform: translate(50%, -50%) rotate(45deg);
pointer-events: none;
z-index: 3;
}
.eszterhzy-hrlevl .group > a {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 50px;
min-width: 120px;
padding: 0 10px;
margin-right: 20px;
text-decoration: none;
box-sizing: border-box;
}
.eszterhzy-hrlevl .group > a:last-of-type {
margin-right: 0;
}
.eszterhzy-hrlevl .group > a .eszterhazy-podcast-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 100%;
width: auto;
}
.eszterhzy-hrlevl .group > a > img,
.eszterhzy-hrlevl .group > a .eszterhazy-podcast {
display: block;
height: 100%;
width: auto;
max-width: 120px;
object-fit: contain;
}
.eszterhzy-hrlevl .rectangle-tittel,
.eszterhzy-hrlevl .rectangle-5,
.eszterhzy-hrlevl .rectangle-6,
.eszterhzy-hrlevl .rectangle-7,
.eszterhzy-hrlevl .rectangle-8,
.eszterhzy-hrlevl .rectangle-9,
.eszterhzy-hrlevl .rectangle-10,
.eszterhzy-hrlevl .rectangle-11 {
display: none;
}
.eszterhzy-hrlevl .tittel-pal-logo,
.eszterhzy-hrlevl .liceum-kiado-logo,
.eszterhzy-hrlevl .liceum-seta-feher,
.eszterhzy-hrlevl .liceumtv,
.eszterhzy-hrlevl .csillagvizsgalo-logo,
.eszterhzy-hrlevl .gyakorloiskola-logo,
.eszterhzy-hrlevl .paletta-logo,
.eszterhzy-hrlevl .EKKESHOP-LOGO {
position: static;
top: auto;
left: auto;
transform: none;
width: auto;
max-width: 120px;
height: 100%;
object-fit: contain;
}
.eszterhzy-hrlevl .eszterhazy-podcast-wrapper {
position: static;
top: auto;
left: auto;
transform: none;
width: auto;
max-width: none;
height: 100%;
}
.eszterhzy-hrlevl .eszterhazy-podcast {
width: auto;
max-width: 120px;
height: 100%;
object-fit: contain;
}
.eszterhzy-hrlevl .group-2 {
width: 100%;
max-width: 320px;
height: auto;
}
.eszterhzy-hrlevl .vissza {
right: 12px;
bottom: 12px;
width: 35px;
height: 35px;
}
.eszterhzy-hrlevl .vissza .vector-2 {
width: 10px;
height: 16px;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 15px;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a {
flex: 0 1 calc(50% - 10px);
max-width: calc(50% - 10px);
min-width: 0;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a > .frame-39 {
width: 100%;
min-height: 0;
height: auto;
gap: 12px;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a > .frame-39 .DSC-EKKE {
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a > .frame-39 .frame-27 {
width: 100%;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a > .frame-39 .text-wrapper-13,
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a > .frame-39 .text-wrapper-29 {
width: 100%;
height: auto;
text-align: left;
}
.eszterhzy-hrlevl .NSKO-tr .frame-42 > a > .frame-39 .mask-group-2 {
display: none;
}
.eszterhzy-hrlevl .NSKO-tr > a:first-of-type .img-wrapper {
width: 80%;
max-width: 80%;
height: auto;
}
.eszterhzy-hrlevl .NSKO-tr > a:first-of-type .img-wrapper .img-2,
.eszterhzy-hrlevl .NSKO-tr > a:first-of-type .img-wrapper .img-3 {
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
}
.eszterhzy-hrlevl .NSKO-tr > a:nth-of-type(n + 2) .img-wrapper {
width: 60%;
max-width: 60%;
height: auto;
}
.eszterhzy-hrlevl .NSKO-tr > a:nth-of-type(n + 2) .img-wrapper .img-2,
.eszterhzy-hrlevl .NSKO-tr > a:nth-of-type(n + 2) .img-wrapper .img-3 {
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
}
.eszterhzy-hrlevl #section-palyazatok .img-wrapper {
width: 50%;
max-width: 50%;
height: auto;
}
.eszterhzy-hrlevl #section-palyazatok .img-wrapper .img-2,
.eszterhzy-hrlevl #section-palyazatok .img-wrapper .img-3 {
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
}
}
/* Pályázatok cards: match Líceum TV image/text proportions on tablet+desktop */
@media screen and (min-width: 769px) {
.eszterhzy-hrlevl #section-palyazatok .frame-49 {
max-width: 1043px;
min-height: 220px;
gap: 52px;
align-items: flex-start;
flex-direction: row-reverse;
}
.eszterhzy-hrlevl #section-palyazatok .img-wrapper {
width: 360px;
max-width: 360px;
height: 220px;
flex: 0 0 360px;
}
.eszterhzy-hrlevl #section-palyazatok .img-wrapper .img-2,
.eszterhzy-hrlevl #section-palyazatok .img-wrapper .img-3 {
width: 360px;
height: 220px;
}
.eszterhzy-hrlevl #section-palyazatok .frame-50 {
width: 508px;
min-height: 220px;
flex: 1 1 auto;
}
.eszterhzy-hrlevl #section-palyazatok .frame-51,
.eszterhzy-hrlevl #section-palyazatok .frame-52,
.eszterhzy-hrlevl #section-palyazatok .frame-53 {
min-height: 220px;
}
}
@media screen and (min-width: 769px) {
.eszterhzy-hrlevl #section-podcast .podcast-clickable {
flex-direction: row-reverse;
}
}
/* NSKO tér: last 3 cards match Pályázatok image/text proportions on tablet+desktop */
@media screen and (min-width: 769px) {
.eszterhzy-hrlevl #section-nsko > a:nth-of-type(n + 2) .news-container-h {
max-width: 1043px;
min-height: 220px;
gap: 52px;
align-items: flex-start;
}
.eszterhzy-hrlevl #section-nsko > a:nth-of-type(n + 2) .img-wrapper {
width: 360px;
max-width: 360px;
height: 220px;
flex: 0 0 360px;
}
.eszterhzy-hrlevl #section-nsko > a:nth-of-type(n + 2) .img-wrapper .img-2,
.eszterhzy-hrlevl #section-nsko > a:nth-of-type(n + 2) .img-wrapper .img-3 {
width: 360px;
height: 220px;
}
.eszterhzy-hrlevl #section-nsko > a:nth-of-type(n + 2) .content {
width: 508px;
max-width: 508px;
min-height: 220px;
flex: 1 1 auto;
}
}